@feedmepos/mf-connect 0.0.16-beta.10 → 0.0.16-beta.12

package/dist/{MemberTransactions-CknqkWO3.js → MemberTransactions-Bh_tT1Rp.js}

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

package/dist/MessageInput.vue_vue_type_script_setup_true_lang-Cj3-JHOX.js

@@ -0,0 +1,432 @@
+import { defineComponent as M, shallowRef as R, openBlock as p, createElementBlock as _, normalizeStyle as O, ref as V, resolveComponent as g, createBlock as E, unref as s, isRef as N, withCtx as x, createVNode as h, createElementVNode as v, createCommentVNode as B, withDirectives as D, vShow as A, computed as q, onMounted as J, Fragment as U, createTextVNode as P, toDisplayString as z, renderList as G } from "vue";
+import { p as K } from "./loading-uCNeZibp.js";
+import { r as W } from "./index-BuDwICBJ.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 Y } from "./object-qECH92oz.js";
+const ee = {
+  "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"
+  },
+  "transaction.amount": {
+    name: "Reward amount"
+  },
+  "collectible.name": {
+    name: "Reward name"
+  }
+}, te = "https://editor.unlayer.com/embed.js?2", T = [];
+let H = !1;
+const ne = (e) => {
+  const n = document.querySelectorAll("script");
+  let a = !1;
+  return n.forEach((u) => {
+    u.src.includes(e) && (a = !0);
+  }), a;
+}, ae = (e) => {
+  T.push(e);
+}, L = () => {
+  if (H) {
+    let e;
+    for (; e = T.shift(); )
+      e();
+  }
+}, ie = (e, n = te) => {
+  if (ae(e), ne(n))
+    L();
+  else {
+    const a = document.createElement("script");
+    a.setAttribute("src", n), a.onload = () => {
+      H = !0, L();
+    }, document.head.appendChild(a);
+  }
+};
+let oe = 0;
+const le = M({
+  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-${++oe}`;
+    }
+  },
+  setup() {
+    return {
+      editor: R(null)
+      // Makes editor available to the template
+    };
+  },
+  mounted() {
+    this.$emit("load"), ie(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);
+    }
+  }
+}), se = ["id"];
+function re(e, n, a, u, y, r) {
+  return p(), _("div", {
+    id: e.id,
+    class: "unlayer-editor",
+    style: O({ minHeight: e.minHeight })
+  }, null, 12, se);
+}
+const de = /* @__PURE__ */ Z(le, [["render", re], ["__scopeId", "data-v-a9a2bb94"]]), ue = { class: "h-full flex flex-col" }, ce = { class: "flex items-center gap-8" }, me = /* @__PURE__ */ M({
+  __name: "EmailEditorSheet",
+  props: {
+    design: {
+      type: Object,
+      required: !1
+    },
+    title: {
+      type: String,
+      required: !1
+    }
+  },
+  emits: ["update:design"],
+  setup(e, { expose: n, emit: a }) {
+    const u = V(!1), y = V(null), r = V(!1), b = e, f = V({
+      html: "",
+      design: b.design,
+      title: b.title || ""
+    });
+    function o(l) {
+      u.value = l;
+    }
+    const t = a;
+    function m() {
+      y.value && (y.value.exportHtml((l) => {
+        f.value = {
+          html: l.html,
+          design: l.design,
+          title: f.value.title
+        }, t("update:design", f.value);
+      }), o(!1));
+    }
+    return n({
+      showSheet: o
+    }), (l, i) => {
+      const S = g("FmButton"), j = g("FmTextField"), w = g("FmSideSheet");
+      return p(), E(w, {
+        modelValue: s(u),
+        "onUpdate:modelValue": i[4] || (i[4] = (d) => N(u) ? u.value = d : null),
+        header: "Email editor",
+        "max-width": 1280
+      }, {
+        "side-sheet-button": x(() => [
+          h(S, {
+            label: "Edit email",
+            variant: "tertiary",
+            icon: "edit"
+          })
+        ]),
+        default: x(() => [
+          v("div", ue, [
+            s(r) ? B("", !0) : (p(), E(Q, {
+              key: 0,
+              class: "flex-1",
+              json: s(X),
+              width: 100,
+              height: 100
+            }, null, 8, ["json"])),
+            D(h(j, {
+              label: "Email title",
+              modelValue: s(f).title,
+              "onUpdate:modelValue": i[0] || (i[0] = (d) => s(f).title = d)
+            }, null, 8, ["modelValue"]), [
+              [A, s(r)]
+            ]),
+            D(h(de, {
+              class: "flex-1",
+              ref_key: "editorRef",
+              ref: y,
+              onLoad: i[1] || (i[1] = (d) => r.value = !1),
+              onReady: i[2] || (i[2] = () => {
+                var d;
+                r.value = !0, b.design && ((d = s(y)) == null || d.loadDesign(s(Y)(b.design)));
+              })
+            }, null, 512), [
+              [A, s(r)]
+            ])
+          ])
+        ]),
+        "side-sheet-footer": x(() => [
+          v("div", ce, [
+            h(S, {
+              variant: "primary",
+              label: "Confirm",
+              onClick: m
+            }),
+            h(S, {
+              variant: "tertiary",
+              label: "Cancel",
+              onClick: i[3] || (i[3] = (d) => o(!1))
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), pe = { class: "space-y-4" }, he = { class: "flex items-center gap-8 justify-between" }, fe = { class: "relative" }, ge = { class: "absolute bottom-[24px] right-[4px]" }, we = /* @__PURE__ */ M({
+  __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 a = e, u = n;
+    function y() {
+      var m;
+      const o = {
+        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 = W(
+        ((m = a.modelValue) == null ? void 0 : m.content) ?? "",
+        o
+      );
+      K.confirm(t, "Preview message", "OK");
+    }
+    function r(o, t = "SMS") {
+      u("update:model-value", {
+        channel: t,
+        content: t == "SMS" ? o : o.html,
+        design: t == "EMAIL" ? o.design : void 0,
+        language: "en",
+        title: t == "EMAIL" ? o.title : void 0,
+        variables: a.variables
+      });
+    }
+    const b = V(a.helperState || "none"), f = q(() => {
+      var m;
+      const o = ((m = a.modelValue) == null ? void 0 : m.content.replace(/{{([^}]+)}}/g, (l, i) => {
+        switch (i) {
+          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 l = 0; l < o.length; l++) {
+        const i = o.charAt(l);
+        /[\u4e00-\u9fff\u3040-\u30ff\u3400-\u4dbf]/.test(i) || /[{}\\~\[\]|\^€]/.test(i) ? t += 2 : t += 1;
+      }
+      return `Character used: ${t} ≈ ${Math.ceil(t / 160)} SMS (Every 160 characters will be sent as 1 SMS)`;
+    });
+    return J(() => {
+      u("update:model-value", {
+        ...a.modelValue,
+        variables: a.variables
+      }), a.modelValue || r("");
+    }), (o, t) => {
+      var w, d, F, $, k;
+      const m = g("FmButtonGroup"), l = g("FmButton"), i = g("FmTextarea"), S = g("FmMenuItem"), j = g("FmMenu");
+      return p(), _("div", pe, [
+        e.allowEmail ? (p(), E(m, {
+          key: 0,
+          items: [{ label: "SMS" }, { label: "EMAIL" }],
+          "model-value": { label: (w = e.modelValue) == null ? void 0 : w.channel },
+          "onUpdate:modelValue": t[0] || (t[0] = (c) => r("", c.label))
+        }, null, 8, ["model-value"])) : B("", !0),
+        ((d = e.modelValue) == null ? void 0 : d.channel) == "EMAIL" ? (p(), E(me, {
+          key: 1,
+          design: (F = e.modelValue) == null ? void 0 : F.design,
+          title: (($ = e.modelValue) == null ? void 0 : $.title) || void 0,
+          "onUpdate:design": t[1] || (t[1] = (c) => {
+            r(c, "EMAIL");
+          })
+        }, null, 8, ["design", "title"])) : (p(), _(U, { key: 2 }, [
+          v("div", he, [
+            t[2] || (t[2] = v("div", { class: "fm-typo-en-body-lg-400" }, "Add message", -1)),
+            h(l, {
+              icon: "visibility",
+              label: "Preview message",
+              variant: "plain",
+              onClick: y
+            })
+          ]),
+          v("div", fe, [
+            h(i, {
+              "model-value": (k = e.modelValue) == null ? void 0 : k.content,
+              "onUpdate:modelValue": r,
+              "show-word-count": !0,
+              placeholder: e.placeholder,
+              "helper-state": s(b) || "none",
+              "helper-text": s(f)
+            }, {
+              "helper-text": x(() => [
+                P(z(s(f)), 1)
+              ]),
+              _: 1
+            }, 8, ["model-value", "placeholder", "helper-state", "helper-text"]),
+            v("div", ge, [
+              h(j, { placement: "left-end" }, {
+                "menu-button": x(() => [
+                  h(l, {
+                    icon: "add",
+                    variant: "tertiary",
+                    size: "md"
+                  })
+                ]),
+                default: x(() => [
+                  (p(!0), _(U, null, G(e.variables.filter(
+                    (c) => e.triggerType == "SCHEDULE" ? !c.startsWith("transaction.") : !0
+                  ), (c) => {
+                    var C;
+                    return p(), E(S, {
+                      key: c,
+                      label: ((C = s(ee)[c]) == null ? void 0 : C.name) || c,
+                      onClick: (ye) => {
+                        var I;
+                        return r(((I = e.modelValue) == null ? void 0 : I.content) + `{{${c}}}`);
+                      }
+                    }, null, 8, ["label", "onClick"]);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ], 64))
+      ]);
+    };
+  }
+});
+export {
+  we as _
+};

package/dist/{Mission-BTy1p7lU.js → Mission-DDvgCLy0.js}

@@ -1,24 +1,34 @@
-import { defineComponent as $, ref as L, computed as E, h as m, onMounted as A, resolveComponent as r, openBlock as d, createElementBlock as h, Fragment as w, createVNode as c, unref as t, createElementVNode as s, withCtx as b, renderList as H, createBlock as x, resolveDynamicComponent as q, toDisplayString as p } from "vue";
-import { u as z, M as G, b as J, h as Q, O as W, P as X, v as M, w as V, B as Y, c as _, N as Z, j as ee, y as oe, e as te } from "./app-BpzzygYP.js";
-import { useDialog as ne, components as v } from "@feedmepos/ui-library";
-const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-center justify-between w-full" }, ie = { class: "flex gap-8 overflow-x-auto" }, ce = { class: "space-y-8" }, re = { class: "flex w-full gap-4 items-center" }, le = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, me = { class: "space-y-4" }, de = { class: "fm-typo-en-body-lg-600" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ue = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ge = { class: "flex flex-col gap-16 text-center" }, ye = { class: "fm-typo-en-title-sm-800" }, fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xe = /* @__PURE__ */ $({
+import { defineComponent as $, ref as L, computed as E, h as m, onMounted as A, resolveComponent as c, openBlock as d, createElementBlock as h, Fragment as w, createVNode as r, unref as t, createElementVNode as s, withCtx as b, renderList as H, createBlock as x, resolveDynamicComponent as q, toDisplayString as p } from "vue";
+import { _ as z } from "./campaign-CpzFl8Vr.js";
+import { useDialog as G, components as v } from "@feedmepos/ui-library";
+import { a as J, p as Q, u as W } from "./loading-uCNeZibp.js";
+import { u as X } from "./business-CXyP9G7A.js";
+import { u as Y } from "./campaign-0aM2KYOy.js";
+import { g as V, b as M } from "./dto-BiYLkVdL.js";
+import { _ as Z } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as ee } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-C1ZXQski.js";
+import { u as oe } from "./template-1o0LbOoJ.js";
+import { s as te } from "./index-CuvNtC_M.js";
+import { u as ne } from "./vue-i18n-AtGIa4qH.js";
+import { c as _ } from "./index-CDMC-8iO.js";
+const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-center justify-between w-full" }, ie = { class: "flex gap-8 overflow-x-auto" }, re = { class: "space-y-8" }, ce = { class: "flex w-full gap-4 items-center" }, le = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, me = { class: "space-y-4" }, de = { class: "fm-typo-en-body-lg-600" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ue = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ge = { class: "flex flex-col gap-16 text-center" }, fe = { class: "fm-typo-en-title-sm-800" }, ye = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be = /* @__PURE__ */ $({
   __name: "Mission",
   setup(_e) {
-    const { t: n } = z(), B = {
+    const { t: n } = ne(), B = {
       label: n("connect.program.common.actions.create", {
         type: n("connect.program.mission.title").toLowerCase()
       }),
       value: "create",
       isPrimary: !0,
       prependIcon: "add"
-    }, K = G("MISSION", ne()), N = J(), l = Q(), { global: P, minor: C } = te, i = L({
+    }, K = oe("MISSION", G()), N = X(), l = Y(), { global: P, minor: C } = W, i = L({
       searchKey: "",
       location: null
     }), u = E(
       () => l.campaigns.mission.filter(
         (e) => !i.value.location || !e.targetLocation || e.targetLocation.includes(i.value.location)
       )
-    ), O = [
+    ), R = [
       {
         header: n("connect.program.common.table.title"),
         accessorKey: "name",
@@ -31,7 +41,7 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-
                 {
                   content: e.row.original._id,
                   onClick: (o) => {
-                    o.stopPropagation(), W(e.row.original._id);
+                    o.stopPropagation(), J(e.row.original._id);
                   }
                 },
                 [
@@ -49,18 +59,18 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-
       },
       {
         header: n("connect.campaign.mission.type"),
-        accessorFn: (e) => X(e.mission.type)
+        accessorFn: (e) => te(e.mission.type)
         //v.effect,
       },
       {
         header: n("connect.program.common.table.status"),
         cell(e) {
-          return M(e.row.original);
+          return V(e.row.original);
         }
       },
       {
         header: n("connect.program.common.table.summary"),
-        accessorFn: (e) => V(e)
+        accessorFn: (e) => M(e)
         //v.effect,
       },
       {
@@ -85,7 +95,7 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-
       }
     ], S = L();
     async function F(e) {
-      await Y.remove(n("program.common.remove.confirm", { name: e.name })) && await C(
+      await Q.remove(n("program.common.remove.confirm", { name: e.name })) && await C(
         async () => {
           await _.delete(e._id), await l.read("MISSION");
         },
@@ -95,13 +105,13 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-
         }
       );
     }
-    async function f(e) {
+    async function y(e) {
       e ? await o() : K.open(async (g) => {
         await o(g);
       });
       async function o(g) {
-        var y;
-        (y = S.value) == null || y.showSheet(
+        var f;
+        (f = S.value) == null || f.showSheet(
           !0,
           "MISSION",
           e ? await _.readById(e._id) : void 0,
@@ -109,7 +119,7 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-
         );
       }
     }
-    async function R(e) {
+    async function T(e) {
       await C(
         async () => {
           e.campaign._id ? await _.update(e.campaign._id, e) : await _.create(e), await l.read("MISSION");
@@ -131,15 +141,15 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-
         await l.read("MISSION"), console.log(u);
       });
     }), (e, o) => {
-      const g = r("FmPageHead"), y = r("FmSearch"), T = r("FmTable"), k = r("FmButton"), j = r("FmListItem"), D = r("FmList"), U = r("FmCard");
+      const g = c("FmPageHead"), f = c("FmSearch"), O = c("FmTable"), k = c("FmButton"), j = c("FmListItem"), D = c("FmList"), U = c("FmCard");
       return d(), h(w, null, [
-        c(g, {
+        r(g, {
           title: t(n)("connect.campaign.mission.title"),
           actions: t(u).length > 0 ? [B] : [],
-          "onClick:action": o[0] || (o[0] = () => f())
+          "onClick:action": o[0] || (o[0] = () => y())
         }, null, 8, ["title", "actions"]),
         s("div", ae, [
-          c(y, {
+          r(f, {
             modelValue: t(i).searchKey,
             "onUpdate:modelValue": o[1] || (o[1] = (a) => t(i).searchKey = a),
             class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
@@ -149,7 +159,7 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-
           t(l).campaigns.mission && t(l).campaigns.mission.length > 0 ? (d(), h(w, { key: 0 }, [
             s("div", se, [
               s("div", ie, [
-                c(Z, {
+                r(Z, {
                   modelValue: t(i).location,
                   "onUpdate:modelValue": o[2] || (o[2] = (a) => t(i).location = a),
                   label: t(n)("connect.program.common.location"),
@@ -159,7 +169,7 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-
                   items: t(N).locationItems
                 }, null, 8, ["modelValue", "label", "items"])
               ]),
-              c(y, {
+              r(f, {
                 modelValue: t(i).searchKey,
                 "onUpdate:modelValue": o[3] || (o[3] = (a) => t(i).searchKey = a),
                 class: "xs:hidden",
@@ -167,37 +177,37 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-
                 collapsible: ""
               }, null, 8, ["modelValue"])
             ]),
-            c(T, {
+            r(O, {
               class: "xs:hidden",
               "row-data": t(u),
-              "column-defs": O,
+              "column-defs": R,
               "search-value": t(i).searchKey,
               "column-filter": [],
-              onRowClick: o[4] || (o[4] = (a) => f(a.original)),
+              onRowClick: o[4] || (o[4] = (a) => y(a.original)),
               "hide-footer": t(u).length < 10
             }, null, 8, ["row-data", "search-value", "hide-footer"]),
-            c(D, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+            r(D, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
               default: b(() => [
                 (d(!0), h(w, null, H(t(u).filter(
                   (a) => a.name.toLowerCase().includes(t(i).searchKey.toLowerCase())
                 ), (a) => (d(), x(j, {
                   key: a._id.toString(),
-                  onClick: (I) => f(a),
+                  onClick: (I) => y(a),
                   class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
                 }, {
                   default: b(() => [
-                    s("div", ce, [
-                      s("div", re, [
-                        (d(), x(q(t(M)(a)))),
+                    s("div", re, [
+                      s("div", ce, [
+                        (d(), x(q(t(V)(a)))),
                         s("div", le, p(a.currentReceive ?? 0) + " used ", 1)
                       ]),
                       s("div", me, [
                         s("div", de, p(a.name), 1),
-                        s("div", pe, p(t(V)(a)), 1)
+                        s("div", pe, p(t(M)(a)), 1)
                       ]),
                       s("div", ue, " Token received: " + p(a.currentReceive ?? 0), 1)
                     ]),
-                    c(k, {
+                    r(k, {
                       icon: "delete",
                       "icon-color": "neutral-gray-400",
                       variant: "tertiary",
@@ -216,28 +226,28 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-
           }, {
             default: b(() => [
               o[6] || (o[6] = s("img", {
-                src: ee,
+                src: z,
                 class: "aspect-square w-[150px]"
               }, null, -1)),
               s("div", ge, [
-                s("div", ye, p(t(n)("connect.campaign.mission.createProgram")), 1),
-                s("div", fe, p(t(n)("connect.campaign.mission.description")), 1)
+                s("div", fe, p(t(n)("connect.campaign.mission.createProgram")), 1),
+                s("div", ye, p(t(n)("connect.campaign.mission.description")), 1)
               ]),
-              c(k, {
+              r(k, {
                 variant: "primary",
                 label: t(n)("connect.program.common.actions.create", {
                   type: t(n)("connect.program.mission.title").toLowerCase()
                 }),
                 icon: "add",
-                onClick: o[5] || (o[5] = (a) => f())
+                onClick: o[5] || (o[5] = (a) => y())
               }, null, 8, ["label"])
             ]),
             _: 1
           })),
-          c(oe, {
+          r(ee, {
             ref_key: "sheetRef",
             ref: S,
-            "onSubmit:modelValue": R
+            "onSubmit:modelValue": T
           }, null, 512)
         ])
       ], 64);
@@ -245,5 +255,5 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-
   }
 });
 export {
-  xe as default
+  Be as default
 };