@feedmepos/mf-connect 0.1.21-prod → 0.1.23-prod

package/dist/{Marketing-CH1DN3VY.js → Marketing-7lvR6gR_.js}

@@ -1,16 +1,16 @@
 import { openBlock as m, createElementBlock as p, defineComponent as z, ref as S, onMounted as Y, computed as H, h as J, resolveComponent as c, Fragment as x, createVNode as i, unref as r, createElementVNode as s, withCtx as F, renderList as $, createBlock as B, toDisplayString as f, createCommentVNode as j } from "vue";
 import { _ as q } from "./campaign-CpzFl8Vr.js";
 import { components as G } from "@feedmepos/ui-library";
-import { p as X, u as Q } from "./loading-DasBRvHo.js";
+import { p as X, u as Q } from "./loading-C-HOw2p9.js";
 import { defineStore as W } from "pinia";
-import { F as C } from "./index-DUJOEcLO.js";
+import { F as C } from "./index-Bg8Lqk3s.js";
 import { useCoreStore as Z } from "@feedmepos/mf-common";
-import { g as h, S as ee, b as te } from "./index-DP6beo56.js";
+import { g as h, S as ee, b as te } from "./index-7SYnV8B2.js";
 import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { u as ae } from "./campaign-yLK6vWS8.js";
+import { u as ae } from "./campaign-gunNEZhU.js";
 import { h as oe } from "./moment-BWErdI6_.js";
-import { u as re } from "./vue-i18n-DaIhSEbY.js";
-var se = { 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", marketingV1Portal: "https://marketing-v1.feedme.cc" };
+import { u as re } from "./vue-i18n-BjInRP6b.js";
+var se = { 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" };
 const y = () => {
   const o = ee.getBusinessId();
   if (!o) throw new Error("Invalid business ID");
@@ -188,13 +188,13 @@ const ce = /* @__PURE__ */ ne(ie, [["render", le]]), me = { class: "px-24 flex f
             icon: "delete",
             iconColor: "neutral-gray-400",
             onClick: (e) => {
-              e.stopPropagation(), V(n.row.original);
+              e.stopPropagation(), P(n.row.original);
             }
           });
         }
       }
     ];
-    async function V(n) {
+    async function P(n) {
       await X.remove(
         t("marketing.delete.confirm", { name: n.name })
       ) && await U(
@@ -216,7 +216,7 @@ const ce = /* @__PURE__ */ ne(ie, [["render", le]]), me = { class: "px-24 flex f
       searchKey: ""
     });
     return (n, e) => {
-      const v = c("FmPageHead"), P = c("FmSearch"), E = c("FmTable"), T = c("FmButton"), K = c("FmListItem"), A = c("FmList"), R = c("FmCard");
+      const v = c("FmPageHead"), V = c("FmSearch"), E = c("FmTable"), T = c("FmButton"), K = c("FmListItem"), A = c("FmList"), R = c("FmCard");
       return m(), p(x, null, [
         i(v, {
           title: r(t)("connect.marketing.title"),
@@ -225,7 +225,7 @@ const ce = /* @__PURE__ */ ne(ie, [["render", le]]), me = { class: "px-24 flex f
           "onClick:action": e[0] || (e[0] = () => g())
         }, null, 8, ["title", "actions"]),
         s("div", me, [
-          i(P, {
+          i(V, {
             modelValue: l.value.searchKey,
             "onUpdate:modelValue": e[1] || (e[1] = (a) => l.value.searchKey = a),
             placeholder: r(t)("connect.marketing.search"),
@@ -240,7 +240,7 @@ const ce = /* @__PURE__ */ ne(ie, [["render", le]]), me = { class: "px-24 flex f
           }, null, 8, ["modelValue", "is-open"]),
           r(d).length > 0 ? (m(), p(x, { key: 0 }, [
             s("div", de, [
-              i(P, {
+              i(V, {
                 modelValue: l.value.searchKey,
                 "onUpdate:modelValue": e[4] || (e[4] = (a) => l.value.searchKey = a),
                 class: "xs:hidden",
@@ -279,7 +279,7 @@ const ce = /* @__PURE__ */ ne(ie, [["render", le]]), me = { class: "px-24 flex f
                         icon: "delete",
                         "icon-color": "neutral-gray-400",
                         variant: "tertiary",
-                        onClick: (M) => (M.stopPropagation(), V(a))
+                        onClick: (M) => (M.stopPropagation(), P(a))
                       }, null, 8, ["onClick"])
                     ];
                   }),

package/dist/{Member-BcORjsqn.js → Member-DR406GTr.js}

@@ -1,9 +1,9 @@
 import { defineComponent as f, computed as T, ref as d, watch as k, resolveComponent as s, openBlock as _, createElementBlock as B, Fragment as E, createVNode as b, unref as n, createElementVNode as y, createBlock as A, createCommentVNode as L } from "vue";
-import "./index-CQAOZuRz.js";
-import { u as M } from "./vue-i18n-DaIhSEbY.js";
+import "./index-C6j2uVRJ.js";
+import { u as M } from "./vue-i18n-BjInRP6b.js";
 import { useRouter as N } from "vue-router";
-import { m as Y } from "./index-DAk26zCe.js";
-import { R as i } from "./app-bxGFzJpn.js";
+import { m as Y } from "./index-DGi6aLjD.js";
+import { R as i } from "./app-BVsQcG_m.js";
 const h = { class: "px-24 flex flex-col gap-y-16 pb-24" }, g = /* @__PURE__ */ f({
   __name: "Member",
   setup(w) {

package/dist/{MemberList-Ca75OWm_.js → MemberList-BDsVY1bB.js}

@@ -1,35 +1,35 @@
 import { defineComponent as be, computed as H, ref as G, resolveComponent as $, openBlock as u, createElementBlock as A, Fragment as q, createElementVNode as t, unref as e, createBlock as R, createCommentVNode as ce, createVNode as h, renderList as ie, withCtx as xe, createTextVNode as Fe, toDisplayString as V, withDirectives as ze, vShow as je, watch as qe, onBeforeMount as lt, h as K, onMounted as Ke, isRef as ct, normalizeClass as dt } from "vue";
 import { h as S } from "./moment-BWErdI6_.js";
 import { useDialog as Ee, components as ve } from "@feedmepos/ui-library";
-import { e as mt, M as ut } from "./email-addresses-B3uFvya7.js";
-import { a as Ge, _ as He, w as pt } from "./usePagination-Djq5Hy-n.js";
-import "./index-CQAOZuRz.js";
-import { p as Pe, c as Oe, b as Re, u as We } from "./loading-DasBRvHo.js";
-import { u as $e, C as Ue, s as ft } from "./membership-CxFyoQ-0.js";
-import { c as bt } from "./index-DP6beo56.js";
+import { e as mt, M as ut } from "./email-addresses-2-RgQal8.js";
+import { a as Ge, _ as He, w as pt } from "./usePagination-BFzJ3YC7.js";
+import "./index-C6j2uVRJ.js";
+import { p as Pe, c as Oe, b as Re, u as We } from "./loading-C-HOw2p9.js";
+import { u as $e, C as Ue, s as ft } from "./membership-ByveC1Cs.js";
+import { c as bt } from "./index-7SYnV8B2.js";
 import { _ as Le } from "./lodash-B5I3zXaY.js";
 import { D as yt } from "./type_drinks-D6jnpvwV.js";
-import { b as gt, c as vt, d as xt, e as _t, f as ht } from "./index-Cqzz3NCP.js";
-import { C as Ae } from "./collection.fn-CoMxWCc1.js";
+import { b as gt, c as vt, d as xt, e as _t, f as ht } from "./index-BMPlc7it.js";
+import { C as Ae } from "./collection.fn-Czs8Mpdz.js";
 import { defineStore as St } from "pinia";
-import { u as Je } from "./business-D6C_7bDy.js";
-import { f as ee } from "./number-q8W5mWjg.js";
-import "./index-TyHupXxP.js";
-import "./index-CyJqTXt8.js";
-import "./index-DUJOEcLO.js";
-import "./index-DHbi29uw.js";
+import { u as Je } from "./business-CdvE-WIp.js";
+import { f as ee } from "./number-B1OxEx_j.js";
+import "./index-CKSGfZ62.js";
+import "./index-CFxA9VYh.js";
+import "./index-Bg8Lqk3s.js";
+import "./index-DExfBo0i.js";
 import { s as Ct } from "./index-CuvNtC_M.js";
-import { B as wt, e as Ft } from "./export-v3KwUDUd.js";
-import { m as Me } from "./index-RwV8duB6.js";
+import { B as wt, e as Ft } from "./export--jJWZuJy.js";
+import { m as Me } from "./index-FBWWEOV0.js";
 import { o as Ce } from "./objectId-dwaoBfJX.js";
-import { F as ke } from "./collectible.enum-Dnn_Aj65.js";
-import { g as Mt, b as Tt } from "./campaign-BGzVYFng.js";
+import { F as ke } from "./collectible.enum-CzUCHExj.js";
+import { g as Mt, b as Tt } from "./campaign-WGLWFuCK.js";
 import { useRouter as Xe } from "vue-router";
-import { m as le } from "./index-DAk26zCe.js";
-import { t as kt } from "./index-g-PCtD2d.js";
-import { R as Qe } from "./app-bxGFzJpn.js";
-import { t as At } from "./money-CVZMau41.js";
-import { g as Et, a as $t, b as It } from "./user-B36pyi6C.js";
+import { m as le } from "./index-DGi6aLjD.js";
+import { t as kt } from "./index-DRVIuG-G.js";
+import { R as Qe } from "./app-BVsQcG_m.js";
+import { t as At } from "./money-C_wAhRJ4.js";
+import { g as Et, a as $t, b as It } from "./user-NlenrMEw.js";
 const Vt = { class: "flex flex-col" }, Bt = /* @__PURE__ */ t("div", { class: "fm-typo-en-title-sm-800 mb-8" }, "Member tiering", -1), Dt = /* @__PURE__ */ t("div", { class: "fm-typo-en-title-sm-800 mt-16 mb-8" }, "Member Card", -1), Nt = /* @__PURE__ */ t("div", { class: "fm-typo-en-title-sm-800 mt-16 mb-8" }, "Titles", -1), Yt = { key: 1 }, Pt = /* @__PURE__ */ t("div", { class: "flex flex-nowrap gap-4 items-center" }, [
   /* @__PURE__ */ t("div", { class: "flex-1" }, "Title"),
   /* @__PURE__ */ t("div", { class: "flex-1" }, "Expires in days"),

package/dist/{MemberTransactions-B0Oa15-s.js → MemberTransactions-DXgJ8Tua.js}

@@ -1,5 +1,5 @@
 import { defineComponent as d, ref as p, resolveComponent as _, openBlock as a, createElementBlock as f, createVNode as v, unref as o, createBlock as u, createCommentVNode as b } from "vue";
-import { _ as k, a as x } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-BpNYA-xj.js";
+import { _ as k, a as x } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-D_F7zaEl.js";
 import { useRouter as y } from "vue-router";
 const C = { class: "flex flex-col gap-y-32 pb-24" }, F = /* @__PURE__ */ d({
   __name: "MemberTransactions",

package/dist/MessageInput.vue_vue_type_script_setup_true_lang-BbiWEoQQ.js

@@ -0,0 +1,447 @@
+import { defineComponent as j, shallowRef as N, openBlock as p, createElementBlock as _, normalizeStyle as O, ref as V, resolveComponent as g, createBlock as E, unref as s, isRef as P, withCtx as v, createVNode as h, createElementVNode as x, createCommentVNode as T, withDirectives as U, vShow as A, computed as q, onMounted as G, Fragment as L, createTextVNode as J, toDisplayString as z, renderList as K } from "vue";
+import { p as W } from "./loading-C-HOw2p9.js";
+import { E as Y } from "./index-BMPlc7it.js";
+import { _ as Z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as Q, S as X } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-CyGJxUol.js";
+import { c as ee } from "./object-qECH92oz.js";
+const te = {
+  "user.name": {
+    name: "User name"
+  },
+  "user.birthday": {
+    name: "Birthday"
+  },
+  "user.joinAt": {
+    name: "Join at"
+  },
+  "user.expiringVouchers.days7": {
+    name: "Expiring vouchers in 7 days"
+  },
+  "user.expiringVouchers.days30": {
+    name: "Expiring vouchers in 30 days"
+  },
+  "user.expiringVouchers.days90": {
+    name: "Expiring vouchers in 90 days"
+  },
+  "user.tier": {
+    name: "User tier"
+  },
+  "user.point": {
+    name: "User experience"
+  },
+  "user.gender": {
+    name: "Gender"
+  },
+  "user.phoneNumber": {
+    name: "Phone Number"
+  },
+  "transaction.amount": {
+    name: "Reward amount"
+  },
+  "collectible.name": {
+    name: "Reward name"
+  },
+  "membership.url": {
+    name: "Membership URL"
+  }
+}, Me = {
+  MY: ["user.phoneNumber", "membership.url"]
+}, ne = "https://editor.unlayer.com/embed.js?2", R = [];
+let H = !1;
+const ae = (e) => {
+  const n = document.querySelectorAll("script");
+  let i = !1;
+  return n.forEach((u) => {
+    u.src.includes(e) && (i = !0);
+  }), i;
+}, ie = (e) => {
+  R.push(e);
+}, B = () => {
+  if (H) {
+    let e;
+    for (; e = R.shift(); )
+      e();
+  }
+}, oe = (e, n = ne) => {
+  if (ie(e), ae(n))
+    B();
+  else {
+    const i = document.createElement("script");
+    i.setAttribute("src", n), i.onload = () => {
+      H = !0, B();
+    }, document.head.appendChild(i);
+  }
+};
+let se = 0;
+const re = j({
+  name: "EmailEditor",
+  props: {
+    editorId: String,
+    minHeight: {
+      type: String,
+      default: "500px"
+    },
+    options: Object,
+    scriptUrl: String,
+    /**
+     * @Deprecated Props: Use `options.appearance` instead
+     */
+    appearance: Object,
+    /**
+     * @Deprecated Props: Use `options.locale` instead
+     */
+    locale: String,
+    /**
+     * @Deprecated Props: Use `options.projectId` instead
+     */
+    projectId: Number,
+    /**
+     * @Deprecated Props: Use `options.tools` instead
+     */
+    tools: Object
+  },
+  computed: {
+    id() {
+      return this.editorId || `editor-${++se}`;
+    }
+  },
+  setup() {
+    return {
+      editor: N(null)
+      // Makes editor available to the template
+    };
+  },
+  mounted() {
+    this.$emit("load"), oe(this.loadEditor.bind(this), this.scriptUrl);
+  },
+  methods: {
+    loadEditor() {
+      const e = this.options || {};
+      this.appearance && (e.appearance = this.appearance), this.locale && (e.locale = this.locale), this.projectId && (e.projectId = this.projectId), this.tools && (e.tools = this.tools), this.editor = unlayer.createEditor({
+        ...e,
+        id: this.id
+      }), this.editor.addEventListener("editor:ready", () => {
+        this.$emit("ready");
+      });
+    },
+    /**
+     * @deprecated This method will be removed in the next major release. Use `editor.exportHtml` instead.
+     */
+    exportHtml(e) {
+      var n;
+      (n = this.editor) == null || n.exportHtml(e);
+    },
+    /**
+     * @deprecated This method will be removed in the next major release. Use `editor.loadDesign` instead.
+     */
+    loadDesign(e) {
+      var n;
+      (n = this.editor) == null || n.loadDesign(e);
+    },
+    /**
+     * @deprecated This method will be removed in the next major release. Use `editor.saveDesign` instead.
+     */
+    saveDesign(e) {
+      var n;
+      (n = this.editor) == null || n.saveDesign(e);
+    }
+  }
+}), le = ["id"];
+function de(e, n, i, u, y, r) {
+  return p(), _("div", {
+    id: e.id,
+    class: "unlayer-editor",
+    style: O({ minHeight: e.minHeight })
+  }, null, 12, le);
+}
+const ue = /* @__PURE__ */ Z(re, [["render", de], ["__scopeId", "data-v-a9a2bb94"]]), ce = { class: "h-full flex flex-col" }, me = { class: "flex items-center gap-8" }, pe = /* @__PURE__ */ j({
+  __name: "EmailEditorSheet",
+  props: {
+    design: {
+      type: Object,
+      required: !1
+    },
+    title: {
+      type: String,
+      required: !1
+    }
+  },
+  emits: ["update:design"],
+  setup(e, { expose: n, emit: i }) {
+    const u = V(!1), y = V(null), r = V(!1), b = e, f = V({
+      html: "",
+      design: b.design,
+      title: b.title || ""
+    });
+    function S(o) {
+      u.value = o;
+    }
+    const l = i;
+    function t() {
+      y.value && (y.value.exportHtml((o) => {
+        f.value = {
+          html: o.html,
+          design: o.design,
+          title: f.value.title
+        }, l("update:design", f.value);
+      }), S(!1));
+    }
+    return n({
+      showSheet: S
+    }), (o, a) => {
+      const c = g("FmButton"), w = g("FmTextField"), M = g("FmSideSheet");
+      return p(), E(M, {
+        modelValue: s(u),
+        "onUpdate:modelValue": a[4] || (a[4] = (d) => P(u) ? u.value = d : null),
+        header: "Email editor",
+        "max-width": 1280
+      }, {
+        "side-sheet-button": v(() => [
+          h(c, {
+            label: "Edit email",
+            variant: "tertiary",
+            icon: "edit"
+          })
+        ]),
+        default: v(() => [
+          x("div", ce, [
+            s(r) ? T("", !0) : (p(), E(Q, {
+              key: 0,
+              class: "flex-1",
+              json: s(X),
+              width: 100,
+              height: 100
+            }, null, 8, ["json"])),
+            U(h(w, {
+              label: "Email title",
+              modelValue: s(f).title,
+              "onUpdate:modelValue": a[0] || (a[0] = (d) => s(f).title = d)
+            }, null, 8, ["modelValue"]), [
+              [A, s(r)]
+            ]),
+            U(h(ue, {
+              class: "flex-1",
+              ref_key: "editorRef",
+              ref: y,
+              onLoad: a[1] || (a[1] = (d) => r.value = !1),
+              onReady: a[2] || (a[2] = () => {
+                var d;
+                r.value = !0, b.design && ((d = s(y)) == null || d.loadDesign(s(ee)(b.design)));
+              })
+            }, null, 512), [
+              [A, s(r)]
+            ])
+          ])
+        ]),
+        "side-sheet-footer": v(() => [
+          x("div", me, [
+            h(c, {
+              variant: "primary",
+              label: "Confirm",
+              onClick: t
+            }),
+            h(c, {
+              variant: "tertiary",
+              label: "Cancel",
+              onClick: a[3] || (a[3] = (d) => S(!1))
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), he = { class: "space-y-4" }, fe = { class: "flex items-center gap-8 justify-between" }, ge = /* @__PURE__ */ x("div", { class: "fm-typo-en-body-lg-400" }, "Add message", -1), ye = { class: "relative" }, be = { class: "absolute bottom-[24px] right-[4px]" }, je = /* @__PURE__ */ j({
+  __name: "MessageInput",
+  props: {
+    allowEmail: {
+      type: Boolean,
+      default: !1
+    },
+    modelValue: {
+      type: Object
+    },
+    triggerType: {
+      type: String,
+      default: () => "SCHEDULE"
+    },
+    helperText: {
+      type: String
+    },
+    helperState: {
+      type: String
+    },
+    variables: {
+      type: Object,
+      default: () => [
+        "user.name",
+        "user.birthday",
+        "user.joinAt",
+        "user.expiringVouchers.days7",
+        "user.expiringVouchers.days30",
+        "user.expiringVouchers.days90",
+        "user.tier",
+        "user.point",
+        "transaction.amount",
+        "collectible.name"
+      ]
+    },
+    placeholder: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: n }) {
+    const i = e, u = n;
+    function y() {
+      var o;
+      const l = {
+        user: {
+          name: "John Doe",
+          tier: 1,
+          point: 1283,
+          birthday: (/* @__PURE__ */ new Date("2000-10-02T16:00:00.000Z")).toLocaleDateString(),
+          joinAt: (/* @__PURE__ */ new Date("2024-06-14")).toLocaleDateString(),
+          expiringVouchers: { days7: 3, days30: 5, days90: 5 }
+        },
+        transaction: {
+          amount: 3
+        },
+        collectible: {
+          name: "RM10 Voucher"
+        }
+      }, t = Y(
+        ((o = i.modelValue) == null ? void 0 : o.content) ?? "",
+        l
+      );
+      W.confirm(t, "Preview message", "OK");
+    }
+    function r(l, t = "SMS") {
+      u("update:model-value", {
+        channel: t,
+        content: t == "SMS" ? l : l.html,
+        design: t == "EMAIL" ? l.design : void 0,
+        language: "en",
+        title: t == "EMAIL" ? l.title : void 0,
+        variables: i.variables
+      });
+    }
+    const b = V(i.helperState || "none"), f = q(() => {
+      var o;
+      const l = ((o = i.modelValue) == null ? void 0 : o.content.replace(/{{([^}]+)}}/g, (a, c) => {
+        switch (c) {
+          case "user.name":
+            return "1234567890";
+          case "user.tier":
+            return "1";
+          case "user.point":
+            return "1000";
+          case "user.birthday":
+            return "01/01/2024";
+          case "user.joinAt":
+            return "01/01/2024";
+          case "user.expiringVouchers.days7":
+          case "user.expiringVouchers.days30":
+          case "user.expiringVouchers.days90":
+            return "5";
+          case "transaction.amount":
+            return "100";
+          case "collectible.name":
+            return "Voucher";
+          default:
+            return "...";
+        }
+      })) || "";
+      let t = 0;
+      for (let a = 0; a < l.length; a++) {
+        const c = l.charAt(a);
+        /[\u4e00-\u9fff\u3040-\u30ff\u3400-\u4dbf]/.test(c) || /[{}\\~\[\]|\^€]/.test(c) ? t += 2 : t += 1;
+      }
+      return `Character used: ${t} ≈ ${Math.ceil(t / 160)} SMS (Every 160 characters will be sent as 1 SMS)`;
+    }), S = [
+      { label: "SMS" }
+      // { label: 'EMAIL' }
+    ];
+    return G(() => {
+      u("update:model-value", {
+        ...i.modelValue,
+        variables: i.variables
+      }), i.modelValue || r("");
+    }), (l, t) => {
+      var d, F, $, k, C;
+      const o = g("FmButtonGroup"), a = g("FmButton"), c = g("FmTextarea"), w = g("FmMenuItem"), M = g("FmMenu");
+      return p(), _("div", he, [
+        e.allowEmail ? (p(), E(o, {
+          key: 0,
+          items: S,
+          "model-value": { label: (d = e.modelValue) == null ? void 0 : d.channel },
+          "onUpdate:modelValue": t[0] || (t[0] = (m) => r("", m.label))
+        }, null, 8, ["model-value"])) : T("", !0),
+        ((F = e.modelValue) == null ? void 0 : F.channel) == "EMAIL" ? (p(), E(pe, {
+          key: 1,
+          design: ($ = e.modelValue) == null ? void 0 : $.design,
+          title: ((k = e.modelValue) == null ? void 0 : k.title) || void 0,
+          "onUpdate:design": t[1] || (t[1] = (m) => {
+            r(m, "EMAIL");
+          })
+        }, null, 8, ["design", "title"])) : (p(), _(L, { key: 2 }, [
+          x("div", fe, [
+            ge,
+            h(a, {
+              icon: "visibility",
+              label: "Preview message",
+              variant: "plain",
+              onClick: y
+            })
+          ]),
+          x("div", ye, [
+            h(c, {
+              "model-value": (C = e.modelValue) == null ? void 0 : C.content,
+              "onUpdate:modelValue": r,
+              "show-word-count": !0,
+              placeholder: e.placeholder,
+              "helper-state": s(b) || "none",
+              "helper-text": s(f)
+            }, {
+              "helper-text": v(() => [
+                J(z(s(f)), 1)
+              ]),
+              _: 1
+            }, 8, ["model-value", "placeholder", "helper-state", "helper-text"]),
+            x("div", be, [
+              h(M, { placement: "left-end" }, {
+                "menu-button": v(() => [
+                  h(a, {
+                    icon: "add",
+                    variant: "tertiary",
+                    size: "md"
+                  })
+                ]),
+                default: v(() => [
+                  (p(!0), _(L, null, K(e.variables.filter(
+                    (m) => e.triggerType == "SCHEDULE" ? !m.startsWith("transaction.") : !0
+                  ), (m) => {
+                    var I;
+                    return p(), E(w, {
+                      key: m,
+                      label: ((I = s(te)[m]) == null ? void 0 : I.name) || m,
+                      onClick: (ve) => {
+                        var D;
+                        return r(((D = e.modelValue) == null ? void 0 : D.content) + `{{${m}}}`);
+                      }
+                    }, null, 8, ["label", "onClick"]);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ], 64))
+      ]);
+    };
+  }
+});
+export {
+  Me as M,
+  je as _
+};

package/dist/{Mission-o0TjmbH_.js → Mission-CJnySjh4.js}

@@ -1,16 +1,16 @@
 import { defineComponent as E, ref as M, computed as $, h as d, onMounted as H, resolveComponent as l, openBlock as p, createElementBlock as h, Fragment as w, createVNode as c, unref as t, createElementVNode as s, withCtx as x, renderList as q, createBlock as b, resolveDynamicComponent as z, toDisplayString as u } from "vue";
 import { _ as W } from "./campaign-CpzFl8Vr.js";
-import { a as G, p as J, u as Q } from "./loading-DasBRvHo.js";
-import { g as X, a as L, b as B } from "./campaign-BGzVYFng.js";
-import { u as Y } from "./business-D6C_7bDy.js";
-import { u as Z } from "./campaign-yLK6vWS8.js";
+import { a as G, p as J, u as Q } from "./loading-C-HOw2p9.js";
+import { g as X, a as L, b as B } from "./campaign-WGLWFuCK.js";
+import { u as Y } from "./business-CdvE-WIp.js";
+import { u as Z } from "./campaign-gunNEZhU.js";
 import { useDialog as ee, components as v } from "@feedmepos/ui-library";
 import { _ as oe } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { u as te } from "./template-Be8bixKI.js";
-import { _ as ne } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-BTkAiIvO.js";
+import { u as te } from "./template-CvIL9Pex.js";
+import { _ as ne } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-CZmd7K3H.js";
 import { s as ae } from "./index-CuvNtC_M.js";
-import { u as se } from "./vue-i18n-DaIhSEbY.js";
-import { c as _ } from "./index-MMYQth2d.js";
+import { u as se } from "./vue-i18n-BjInRP6b.js";
+import { c as _ } from "./index-CpsX7fKq.js";
 const ie = { class: "px-24 flex flex-col gap-y-16" }, ce = { class: "flex items-center justify-between w-full" }, re = { class: "flex gap-8 overflow-x-auto" }, le = { class: "space-y-8" }, me = { class: "flex w-full gap-4 items-center" }, de = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pe = { class: "space-y-4" }, ue = { class: "fm-typo-en-body-lg-600" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ye = /* @__PURE__ */ s("img", {
   src: W,
   class: "aspect-square w-[150px]"