@feedmepos/mf-connect 0.0.16-beta.1 → 0.0.17-prod

package/dist/{MemberTransactions-CTAx5jIV.js → MemberTransactions-CztAzAA6.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-DS4APaHw.js";
+import { _ as b, a as k } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-DaboQyfR.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-B_hDmE8e.js

@@ -0,0 +1,203 @@
+import { defineComponent as M, ref as C, computed as E, onMounted as D, resolveComponent as l, openBlock as p, createElementBlock as v, createElementVNode as m, createVNode as c, unref as u, withCtx as h, createTextVNode as F, toDisplayString as T, Fragment as j, renderList as k, createBlock as U } from "vue";
+import { p as A } from "./loading-CB6v7hws.js";
+import { r as B } from "./index-DP2wL3EA.js";
+const L = {
+  "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"
+  }
+}, O = { class: "space-y-0" }, $ = { class: "flex items-center gap-8 justify-between" }, I = /* @__PURE__ */ m("div", { class: "fm-typo-en-body-lg-400" }, "Add message", -1), N = { class: "relative" }, P = { class: "absolute bottom-[24px] right-[4px]" }, K = /* @__PURE__ */ M({
+  __name: "MessageInput",
+  props: {
+    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(r, { emit: V }) {
+    const n = r, g = V;
+    function S() {
+      var t;
+      const a = {
+        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"
+        }
+      }, e = B(
+        ((t = n.modelValue) == null ? void 0 : t.content) ?? "",
+        a
+      );
+      A.confirm(e, "Preview message", "OK");
+    }
+    function d(a) {
+      g("update:model-value", {
+        channel: "SMS",
+        content: a,
+        language: "en",
+        variables: n.variables
+      });
+    }
+    const _ = C(n.helperState || "none"), y = E(() => {
+      var t;
+      const a = ((t = n.modelValue) == null ? void 0 : t.content.replace(/{{([^}]+)}}/g, (s, o) => {
+        switch (o) {
+          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 e = 0;
+      for (let s = 0; s < a.length; s++) {
+        const o = a.charAt(s);
+        /[\u4e00-\u9fff\u3040-\u30ff\u3400-\u4dbf]/.test(o) || /[{}\\~\[\]|\^€]/.test(o) ? e += 2 : e += 1;
+      }
+      return `Character used: ${e} ≈ ${Math.ceil(e / 160)} SMS (Every 160 characters will be sent as 1 SMS)`;
+    });
+    return D(() => {
+      g("update:model-value", {
+        ...n.modelValue,
+        variables: n.variables
+      }), n.modelValue || d("");
+    }), (a, e) => {
+      var x;
+      const t = l("FmButton"), s = l("FmTextarea"), o = l("FmMenuItem"), w = l("FmMenu");
+      return p(), v("div", O, [
+        m("div", $, [
+          I,
+          c(t, {
+            icon: "visibility",
+            label: "Preview message",
+            variant: "plain",
+            onClick: S
+          })
+        ]),
+        m("div", N, [
+          c(s, {
+            "model-value": (x = r.modelValue) == null ? void 0 : x.content,
+            "onUpdate:modelValue": d,
+            "show-word-count": !0,
+            placeholder: r.placeholder,
+            "helper-state": u(_) || "none",
+            "helper-text": u(y)
+          }, {
+            "helper-text": h(() => [
+              F(T(u(y)), 1)
+            ]),
+            _: 1
+          }, 8, ["model-value", "placeholder", "helper-state", "helper-text"]),
+          m("div", P, [
+            c(w, { placement: "left-end" }, {
+              "menu-button": h(() => [
+                c(t, {
+                  icon: "add",
+                  variant: "tertiary",
+                  size: "md"
+                })
+              ]),
+              default: h(() => [
+                (p(!0), v(j, null, k(r.variables.filter(
+                  (i) => r.triggerType == "SCHEDULE" ? !i.startsWith("transaction.") : !0
+                ), (i) => {
+                  var f;
+                  return p(), U(o, {
+                    key: i,
+                    label: ((f = u(L)[i]) == null ? void 0 : f.name) || i,
+                    onClick: (R) => {
+                      var b;
+                      return d(((b = r.modelValue) == null ? void 0 : b.content) + `{{${i}}}`);
+                    }
+                  }, null, 8, ["label", "onClick"]);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  K as _
+};

package/dist/{Mission-CVr9rS_D.js → Mission-Cj_hi3tv.js}

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as I, computed as A, onMounted as D, resolveComponent as r, openBlock as c, createElementBlock as _, Fragment as h, createVNode as i, unref as a, createElementVNode as s, withCtx as w, renderList as E, createBlock as x, resolveDynamicComponent as H, toDisplayString as y, h as m } from "vue";
 import { _ as q } from "./campaign-CpzFl8Vr.js";
 import { useDialog as z, components as C } from "@feedmepos/ui-library";
-import { u as G, a as J, p as Q } from "./loading-BzV5acUX.js";
-import { a as W } from "./app-DkI7dYRN.js";
-import { u as X } from "./campaign-BZJuknWK.js";
-import { g as M, b as V } from "./dto-BWpvRpK2.js";
+import { u as G, a as J, p as Q } from "./loading-CB6v7hws.js";
+import { a as W } from "./app-roSGTcOh.js";
+import { u as X } from "./campaign-B7-BUOfP.js";
+import { g as M, b as V } from "./dto-zv3OTrbd.js";
 import { _ as Y } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { _ as Z } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Bz6TSmbW.js";
-import { u as ee } from "./template-Dwp7heBA.js";
+import { _ as Z } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-B6L77rz7.js";
+import { u as ee } from "./template-DxvJmDC3.js";
 import { s as oe } from "./index-CuvNtC_M.js";
-import { c as g } from "./index-BxkxVtgm.js";
+import { c as g } from "./index-Qr6T_tfL.js";
 const te = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-center justify-between w-full" }, se = { class: "flex gap-8 overflow-x-auto" }, ne = { class: "space-y-8" }, ie = { class: "flex w-full gap-4 items-center" }, re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, le = { class: "space-y-4" }, ce = { class: "fm-typo-en-body-lg-600" }, me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, de = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ue = /* @__PURE__ */ s("img", {
   src: q,
   class: "aspect-square w-[150px]"

package/dist/{Point-BnZ6M74y.js → Point-BGDCrLdw.js}

@@ -1,14 +1,14 @@
 import { defineComponent as D, ref as S, computed as T, onMounted as j, resolveComponent as l, openBlock as c, createElementBlock as g, Fragment as h, createVNode as i, unref as o, withCtx as f, createElementVNode as n, renderList as E, createBlock as C, resolveDynamicComponent as M, toDisplayString as y, h as H } from "vue";
 import { _ as q } from "./campaign-CpzFl8Vr.js";
 import { useDialog as z, components as G } from "@feedmepos/ui-library";
-import { u as J, p as Q } from "./loading-BzV5acUX.js";
-import { a as W } from "./app-DkI7dYRN.js";
-import { u as X } from "./campaign-BZJuknWK.js";
-import { g as V, b as L } from "./dto-BWpvRpK2.js";
+import { u as J, p as Q } from "./loading-CB6v7hws.js";
+import { a as W } from "./app-roSGTcOh.js";
+import { u as X } from "./campaign-B7-BUOfP.js";
+import { g as V, b as L } from "./dto-zv3OTrbd.js";
 import { _ as Y } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { _ as Z } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Bz6TSmbW.js";
-import { u as ee } from "./template-Dwp7heBA.js";
-import { c as _ } from "./index-BxkxVtgm.js";
+import { _ as Z } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-B6L77rz7.js";
+import { u as ee } from "./template-DxvJmDC3.js";
+import { c as _ } from "./index-Qr6T_tfL.js";
 const te = { class: "flex items-center" }, oe = /* @__PURE__ */ n("span", { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, "Point", -1), ae = { class: "px-24 flex flex-col gap-y-16" }, ne = { class: "flex items-center justify-between w-full" }, se = { class: "flex gap-8 overflow-x-auto" }, ie = { class: "space-y-8" }, le = { class: "flex w-full gap-4 items-center" }, re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ce = { class: "space-y-4" }, me = { class: "fm-typo-en-body-lg-600" }, de = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ue = /* @__PURE__ */ n("img", {
   src: q,
   class: "aspect-square w-[150px]"

package/dist/{Promotion-B0PUve5S.js → Promotion-BABafzmp.js}

@@ -1,15 +1,15 @@
 import { defineComponent as A, ref as k, computed as D, onMounted as j, resolveComponent as i, openBlock as c, createElementBlock as g, Fragment as y, createVNode as s, unref as l, createElementVNode as a, withCtx as _, renderList as E, createBlock as h, resolveDynamicComponent as H, toDisplayString as P, h as q } from "vue";
 import { _ as z } from "./campaign-CpzFl8Vr.js";
 import { useDialog as G, components as J } from "@feedmepos/ui-library";
-import { c as S, u as Q, p as W } from "./loading-BzV5acUX.js";
-import { a as X } from "./app-DkI7dYRN.js";
-import { u as Y } from "./campaign-BZJuknWK.js";
-import { g as O } from "./dto-BWpvRpK2.js";
-import { e as L } from "./effect-B8kmnKvY.js";
+import { c as S, u as Q, p as W } from "./loading-CB6v7hws.js";
+import { a as X } from "./app-roSGTcOh.js";
+import { u as Y } from "./campaign-B7-BUOfP.js";
+import { g as O } from "./dto-zv3OTrbd.js";
+import { e as L } from "./effect-DLtYeqVg.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-Bz6TSmbW.js";
-import { u as oe } from "./template-Dwp7heBA.js";
-import { c as f } from "./index-BxkxVtgm.js";
+import { _ as ee } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-B6L77rz7.js";
+import { u as oe } from "./template-DxvJmDC3.js";
+import { c as f } from "./index-Qr6T_tfL.js";
 const te = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-center justify-between w-full" }, ne = { class: "flex gap-8 overflow-x-auto" }, se = { class: "space-y-8" }, le = { class: "flex w-full gap-4 items-center" }, ie = { class: "space-y-4" }, re = { class: "fm-typo-en-body-lg-600" }, ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, me = /* @__PURE__ */ a("img", {
   src: z,
   class: "aspect-square w-[150px]"

package/dist/{RuleGroup.vue_vue_type_script_setup_true_lang-CrpJySSp.js → RuleGroup.vue_vue_type_script_setup_true_lang-C7Tqs2pq.js}

@@ -1,21 +1,21 @@
 import { defineComponent as $, computed as I, resolveComponent as g, openBlock as n, createElementBlock as F, createElementVNode as C, createVNode as y, unref as e, createTextVNode as ee, toDisplayString as j, withCtx as M, onMounted as K, createBlock as x, createCommentVNode as A, ref as P, Fragment as Y, renderList as N, normalizeClass as L, watch as ie, resolveDynamicComponent as ae, onBeforeMount as ue, isRef as me, createSlots as de } from "vue";
-import { c as pe, C as ce, d as ye, e as ve, f as fe } from "./index-CWf0mh3a.js";
-import { R as _, a as be } from "./rule-builder-BgqNbM-P.js";
-import { a as ge, R, S as ke, C as H, W as Ve, T as ne, O as Ee } from "./rule-Clmr5y4j.js";
-import { p as Fe } from "./loading-BzV5acUX.js";
+import { c as pe, C as ce, d as ye, e as ve, f as fe } from "./index-DIA3Lkck.js";
+import { R as _, a as be } from "./rule-builder-CrtuA_0Q.js";
+import { a as ge, R, S as ke, C as H, W as Ve, T as ne, O as Ee } from "./rule-CpU35zT1.js";
+import { p as Fe } from "./loading-CB6v7hws.js";
 import { useDialog as te, useDialogChild as se } from "@feedmepos/ui-library";
 import { h as J } from "./moment-BWErdI6_.js";
-import { z as Se, a as re } from "./app-DkI7dYRN.js";
-import { u as z } from "./membership-CqbsLHqx.js";
-import { _ as D } from "./index-yxJMhfxj.js";
+import { z as Se, a as re } from "./app-roSGTcOh.js";
+import { u as z } from "./membership-CFVkuT3Z.js";
+import { _ as D } from "./index-DiC8aGiv.js";
 import { c as le } from "./object-qECH92oz.js";
-import { Z } from "./zod-W_PvIofQ.js";
-import { x as xe } from "./app-B2ImSO3V.js";
-import "./index-CuL5-ORK.js";
-import "./index-BryrRq8O.js";
-import "./index-boor8e80.js";
-import "./index-BobRgQrE.js";
-import "./index-CkiYkbXb.js";
+import { Z } from "./ZodTextField.vue_vue_type_script_setup_true_lang-3LlSDiq0.js";
+import { x as xe } from "./app-BGUDahHa.js";
+import "./index-D9Ft2U8O.js";
+import "./index-DP2wL3EA.js";
+import "./index-DrA3F2aA.js";
+import "./index-SdCqUstr.js";
+import "./index-DgAr53Ae.js";
 const he = { class: "flex items-center justify-between" }, Te = { class: "flex items-center gap-8 xs:flex-wrap" }, Ce = /* @__PURE__ */ C("div", { class: "h-[26px] border-l-2 rounded-md border-fm-color-neutral-gray-100" }, null, -1), Ue = { class: "text-fm-color-primary line-clamp-1 text-ellipsis" }, Re = /* @__PURE__ */ $({
   __name: "RuleEntry",
   props: {

package/dist/{Segment-B-XpkyM5.js → Segment-Bh8bddz_.js}

@@ -1,20 +1,19 @@
 import { defineComponent as A, onMounted as E, openBlock as p, createElementBlock as b, createElementVNode as a, toDisplayString as M, unref as e, createVNode as n, createCommentVNode as q, ref as w, computed as j, resolveComponent as u, createBlock as B, isRef as G, createSlots as J, withCtx as g, Fragment as V, reactive as W, watch as Q, onBeforeMount as X, renderList as ee, h as I } from "vue";
 import { _ as te } from "./campaign-CpzFl8Vr.js";
-import { F as N, p as oe, u as ae } from "./loading-BzV5acUX.js";
+import { F as N, p as oe, u as ae } from "./loading-CB6v7hws.js";
 import { components as L } from "@feedmepos/ui-library";
-import { l as se } from "./lodash-mg4435Qq.js";
-import { Z as ne } from "./zod-W_PvIofQ.js";
-import { a as le } from "./index-boor8e80.js";
-import { u as ie, a as re } from "./app-DkI7dYRN.js";
-import { R as me } from "./rule-builder-BgqNbM-P.js";
-import { _ as ce } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CWt4tVdk.js";
-import { _ as de } from "./RuleGroup.vue_vue_type_script_setup_true_lang-CrpJySSp.js";
+import { l as se } from "./lodash-DkICSg8W.js";
+import { _ as ne, Z as le } from "./ZodTextField.vue_vue_type_script_setup_true_lang-3LlSDiq0.js";
+import { a as ie } from "./index-DrA3F2aA.js";
+import { u as re, a as me } from "./app-roSGTcOh.js";
+import { R as ce } from "./rule-builder-CrtuA_0Q.js";
+import { _ as de } from "./RuleGroup.vue_vue_type_script_setup_true_lang-C7Tqs2pq.js";
 import { h as P } from "./moment-BWErdI6_.js";
-import { u as ue, _ as pe } from "./usePagination-o5fgsZwU.js";
-import { s as k } from "./membership-CqbsLHqx.js";
+import { u as ue, _ as pe } from "./usePagination-FlXHEH_R.js";
+import { s as k } from "./membership-CFVkuT3Z.js";
 import { o as fe } from "./objectId-dwaoBfJX.js";
-import { m as ge } from "./index-DcUrk07Q.js";
-const _e = le.extend({
+import { m as ge } from "./index-BmgXoYUK.js";
+const _e = ie.extend({
   _id: N.optional(),
   business: N.optional()
 }), ve = { class: "space-y-16 pr-12" }, ye = { class: "fm-typo-en-title-md-800" }, he = { class: "flex space-x-8" }, Se = { class: "fm-typo-en-title-md-800 text-fm-color-primary" }, be = { class: "text-fm-color-typo-secondary" }, xe = /* @__PURE__ */ a("div", null, "contacts in your segment", -1), we = {
@@ -86,9 +85,9 @@ const _e = le.extend({
   __name: "SegmentSheet",
   emits: ["update:model-value"],
   setup(D, { expose: _, emit: x }) {
-    const v = ie(), r = w(!1), c = w(!1), m = {
+    const v = re(), r = w(!1), c = w(!1), m = {
       name: "",
-      rule: me.scaffoldGroup(),
+      rule: ce.scaffoldGroup(),
       members: []
     }, d = _e, l = w(m), s = j(() => {
       const t = d.safeParse(l.value);
@@ -161,11 +160,11 @@ const _e = le.extend({
               title: e(l).name,
               segment: e(l)
             }, null, 8, ["title", "segment"])) : (p(), b("div", Ie, [
-              n(ce, {
+              n(ne, {
                 modelValue: e(l).name,
                 "onUpdate:modelValue": i[1] || (i[1] = (R) => e(l).name = R),
                 label: "Segment title",
-                schema: e(ne).typeAtPath(e(d), "name")
+                schema: e(le).typeAtPath(e(d), "name")
               }, null, 8, ["modelValue", "schema"]),
               Ve,
               n(de, {
@@ -204,10 +203,10 @@ const _e = le.extend({
 }, null, -1), Ee = /* @__PURE__ */ a("div", { class: "flex flex-col gap-16 text-center" }, [
   /* @__PURE__ */ a("div", { class: "fm-typo-en-title-sm-800" }, "Create customer segments"),
   /* @__PURE__ */ a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Segments allow you to categorize your customers based on various criteria, enabling targeted marketing and personalized experiences. ")
-], -1), st = /* @__PURE__ */ A({
+], -1), at = /* @__PURE__ */ A({
   __name: "Segment",
   setup(D) {
-    const { minor: _ } = ae, x = re(), v = w(0), r = [
+    const { minor: _ } = ae, x = me(), v = w(0), r = [
       {
         header: "Name",
         accessorFn: (o) => o.name
@@ -441,5 +440,5 @@ const _e = le.extend({
   }
 });
 export {
-  st as default
+  at as default
 };