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

package/dist/MessageInput.vue_vue_type_script_setup_true_lang-DDBXmzd5.js

@@ -1,215 +0,0 @@
-import { defineComponent as w, ref as C, computed as D, onMounted as E, 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 U, renderList as j, createBlock as k } from "vue";
-import { p as A } from "./loading-DasBRvHo.js";
-import { D as B } from "./index-Cqzz3NCP.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"
-  },
-  "user.gender": {
-    name: "Gender"
-  },
-  "user.phoneNumber": {
-    name: "Phone Number"
-  },
-  "transaction.amount": {
-    name: "Reward amount"
-  },
-  "collectible.name": {
-    name: "Reward name"
-  },
-  "membership.url": {
-    name: "Membership URL"
-  }
-}, G = {
-  MY: ["user.phoneNumber", "membership.url"]
-}, N = { class: "space-y-0" }, I = { class: "flex items-center gap-8 justify-between" }, O = /* @__PURE__ */ m("div", { class: "fm-typo-en-body-lg-400" }, "Add message", -1), P = { class: "relative" }, R = { class: "absolute bottom-[24px] right-[4px]" }, K = /* @__PURE__ */ w({
-  __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(a, { emit: V }) {
-    const n = a, g = V;
-    function S() {
-      var t;
-      const r = {
-        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) ?? "",
-        r
-      );
-      A.confirm(e, "Preview message", "OK");
-    }
-    function d(r) {
-      g("update:model-value", {
-        channel: "SMS",
-        content: r,
-        language: "en",
-        variables: n.variables
-      });
-    }
-    const M = C(n.helperState || "none"), y = D(() => {
-      var t;
-      const r = ((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 < r.length; s++) {
-        const o = r.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 E(() => {
-      g("update:model-value", {
-        ...n.modelValue,
-        variables: n.variables
-      }), n.modelValue || d("");
-    }), (r, e) => {
-      var b;
-      const t = l("FmButton"), s = l("FmTextarea"), o = l("FmMenuItem"), _ = l("FmMenu");
-      return p(), v("div", N, [
-        m("div", I, [
-          O,
-          c(t, {
-            icon: "visibility",
-            label: "Preview message",
-            variant: "plain",
-            onClick: S
-          })
-        ]),
-        m("div", P, [
-          c(s, {
-            "model-value": (b = a.modelValue) == null ? void 0 : b.content,
-            "onUpdate:modelValue": d,
-            "show-word-count": !0,
-            placeholder: a.placeholder,
-            "helper-state": u(M) || "none",
-            "helper-text": u(y)
-          }, {
-            "helper-text": h(() => [
-              F(T(u(y)), 1)
-            ]),
-            _: 1
-          }, 8, ["model-value", "placeholder", "helper-state", "helper-text"]),
-          m("div", R, [
-            c(_, { placement: "left-end" }, {
-              "menu-button": h(() => [
-                c(t, {
-                  icon: "add",
-                  variant: "tertiary",
-                  size: "md"
-                })
-              ]),
-              default: h(() => [
-                (p(!0), v(U, null, j(a.variables.filter(
-                  (i) => a.triggerType == "SCHEDULE" ? !i.startsWith("transaction.") : !0
-                ), (i) => {
-                  var f;
-                  return p(), k(o, {
-                    key: i,
-                    label: ((f = u(L)[i]) == null ? void 0 : f.name) || i,
-                    onClick: ($) => {
-                      var x;
-                      return d(((x = a.modelValue) == null ? void 0 : x.content) + `{{${i}}}`);
-                    }
-                  }, null, 8, ["label", "onClick"]);
-                }), 128))
-              ]),
-              _: 1
-            })
-          ])
-        ])
-      ]);
-    };
-  }
-});
-export {
-  G as M,
-  K as _
-};