@feedmepos/mf-connect 0.1.37-prod → 0.1.38-beta.2

package/dist/MemberOverview-C2n9oJZh.js

@@ -1,58 +0,0 @@
-import { defineComponent as d, resolveComponent as o, openBlock as r, createElementBlock as s, Fragment as a, createElementVNode as e, createVNode as c, withCtx as v, renderList as p, normalizeClass as _, toDisplayString as n, createCommentVNode as u } from "vue";
-const y = { class: "bg-gradient-to-r from-orange-200 p-24 to-blue-200 via-pink-100 mx-[-24px]" }, b = /* @__PURE__ */ e("div", { class: "fm-typo-en-body-lg-600" }, "Member overview", -1), g = { class: "grid grid-cols-6 xs:grid-cols-2 gap-4 divide-x xs:divide-x-0" }, x = { class: "fm-typo-body-md-400 fm-typo-en-body-md-400 mb-2 text-fm-color-typo-secondary" }, f = { class: "fm-typo-en-title-sm-800" }, F = /* @__PURE__ */ d({
-  __name: "MemberOverview",
-  setup(k) {
-    const l = [
-      {
-        key: "Total member",
-        value: 4
-      },
-      {
-        key: "New member",
-        value: 2
-      },
-      {
-        key: "Member average spend",
-        value: 100
-      },
-      {
-        key: "Average visit time",
-        value: 567
-      },
-      {
-        key: "Member growth",
-        value: "100%"
-      },
-      { key: "Inactive member", value: 0 }
-    ];
-    return (h, C) => {
-      const i = o("FmCard");
-      return o("FmButton"), r(), s(a, null, [
-        e("div", y, [
-          c(i, {
-            variant: "outlined",
-            class: "flex flex-col gap-16 p-16"
-          }, {
-            default: v(() => [
-              b,
-              e("div", g, [
-                (r(), s(a, null, p(l, (t, m) => e("div", {
-                  key: t.key,
-                  class: _(["px-8", { "xs:!border-r": m % 2 == 0 }])
-                }, [
-                  e("div", x, n(t.key), 1),
-                  e("div", f, n(t.value), 1)
-                ], 2)), 64))
-              ])
-            ]),
-            _: 1
-          })
-        ]),
-        u("", !0)
-      ], 64);
-    };
-  }
-});
-export {
-  F as default
-};

package/dist/MessageInput.vue_vue_type_script_setup_true_lang-hZUWLTWj.js

@@ -1,455 +0,0 @@
-import { defineComponent as I, shallowRef as G, openBlock as h, createElementBlock as F, normalizeStyle as z, ref as w, resolveComponent as b, createBlock as C, unref as i, isRef as P, withCtx as $, createVNode as g, createElementVNode as S, createCommentVNode as H, withDirectives as A, vShow as B, computed as q, onMounted as J, Fragment as T, renderList as Z, normalizeClass as K, toDisplayString as W } from "vue";
-import { p as X } from "./plugins-CVes2wzE.js";
-import { B as Y } from "./index-CvoShC5J.js";
-import "./index-BsCGyJMY.js";
-import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { _ as ee, S as te } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-CyGJxUol.js";
-import { c as ne } from "./object-qECH92oz.js";
-import { useCoreStore as oe } from "@feedmepos/mf-common";
-import { u as se } from "./membership-BHKv29yt.js";
-const ae = {
-  "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"
-  }
-}, Ie = {
-  MY: ["user.phoneNumber", "membership.url"]
-}, ie = "https://editor.unlayer.com/embed.js?2", N = [];
-let O = !1;
-const re = (e) => {
-  const n = document.querySelectorAll("script");
-  let d = !1;
-  return n.forEach((u) => {
-    u.src.includes(e) && (d = !0);
-  }), d;
-}, le = (e) => {
-  N.push(e);
-}, R = () => {
-  if (O) {
-    let e;
-    for (; e = N.shift(); )
-      e();
-  }
-}, de = (e, n = ie) => {
-  if (le(e), re(n))
-    R();
-  else {
-    const d = document.createElement("script");
-    d.setAttribute("src", n), d.onload = () => {
-      O = !0, R();
-    }, document.head.appendChild(d);
-  }
-};
-let ce = 0;
-const ue = I({
-  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-${++ce}`;
-    }
-  },
-  setup() {
-    return {
-      editor: G(null)
-      // Makes editor available to the template
-    };
-  },
-  mounted() {
-    this.$emit("load"), de(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);
-    }
-  }
-}), me = ["id"];
-function pe(e, n, d, u, a, m) {
-  return h(), F("div", {
-    id: e.id,
-    class: "unlayer-editor",
-    style: z({ minHeight: e.minHeight })
-  }, null, 12, me);
-}
-const he = /* @__PURE__ */ Q(ue, [["render", pe], ["__scopeId", "data-v-a9a2bb94"]]), ge = { class: "h-full flex flex-col" }, fe = { class: "flex items-center gap-8" }, be = /* @__PURE__ */ I({
-  __name: "EmailEditorSheet",
-  props: {
-    design: {
-      type: Object,
-      required: !1
-    },
-    title: {
-      type: String,
-      required: !1
-    }
-  },
-  emits: ["update:design"],
-  setup(e, { expose: n, emit: d }) {
-    const u = w(!1), a = w(null), m = w(!1), x = e, c = w({
-      html: "",
-      design: x.design,
-      title: x.title || ""
-    });
-    function E(o) {
-      u.value = o;
-    }
-    const L = d;
-    function k() {
-      a.value && (a.value.exportHtml((o) => {
-        c.value = {
-          html: o.html,
-          design: o.design,
-          title: c.value.title
-        }, L("update:design", c.value);
-      }), E(!1));
-    }
-    return n({
-      showSheet: E
-    }), (o, t) => {
-      const r = b("FmButton"), f = b("FmTextField"), y = b("FmSideSheet");
-      return h(), C(y, {
-        modelValue: i(u),
-        "onUpdate:modelValue": t[4] || (t[4] = (l) => P(u) ? u.value = l : null),
-        header: "Email editor",
-        "max-width": 1280
-      }, {
-        "side-sheet-button": $(() => [
-          g(r, {
-            label: "Edit email",
-            variant: "tertiary",
-            icon: "edit"
-          })
-        ]),
-        default: $(() => [
-          S("div", ge, [
-            i(m) ? H("", !0) : (h(), C(ee, {
-              key: 0,
-              class: "flex-1",
-              json: i(te),
-              width: 100,
-              height: 100
-            }, null, 8, ["json"])),
-            A(g(f, {
-              label: "Email title",
-              modelValue: i(c).title,
-              "onUpdate:modelValue": t[0] || (t[0] = (l) => i(c).title = l)
-            }, null, 8, ["modelValue"]), [
-              [B, i(m)]
-            ]),
-            A(g(he, {
-              class: "flex-1",
-              ref_key: "editorRef",
-              ref: a,
-              onLoad: t[1] || (t[1] = (l) => m.value = !1),
-              onReady: t[2] || (t[2] = () => {
-                var l;
-                m.value = !0, x.design && ((l = i(a)) == null || l.loadDesign(i(ne)(x.design)));
-              })
-            }, null, 512), [
-              [B, i(m)]
-            ])
-          ])
-        ]),
-        "side-sheet-footer": $(() => [
-          S("div", fe, [
-            g(r, {
-              variant: "primary",
-              label: "Confirm",
-              onClick: k
-            }),
-            g(r, {
-              variant: "tertiary",
-              label: "Cancel",
-              onClick: t[3] || (t[3] = (l) => E(!1))
-            })
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), ye = { class: "space-y-4" }, ve = { class: "flex items-center gap-8 justify-between" }, Se = /* @__PURE__ */ S("div", { class: "fm-typo-en-body-lg-400" }, "Add message", -1), xe = { class: "relative" }, Ee = { class: "absolute bottom-[24px] right-[4px]" }, Ue = /* @__PURE__ */ I({
-  __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 d = oe(), u = se(), a = e, m = n;
-    function x() {
-      var r;
-      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 = Y(
-        ((r = a.modelValue) == null ? void 0 : r.content) ?? "",
-        o
-      );
-      X.confirm(t, "Preview message", "OK");
-    }
-    function c(o, t = "SMS") {
-      m("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 E = w(a.helperState || "none"), L = q(() => {
-      var M, _;
-      const o = ((M = u.membership) == null ? void 0 : M.brand) || d.currentBusiness.value.name || "", t = 160;
-      let r = t;
-      const f = ((_ = a.modelValue) == null ? void 0 : _.content.replace(/{{([^}]+)}}/g, (v, s) => {
-        switch (s) {
-          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 y = o.length + 5;
-      const l = "^{}\\[~]|€", j = /[^@£$¥èéùìòÇ\nØø\rÅåΔ_ΦΓΛΩΠΨΣΘΞ !"#%&'()*+,\-./0123456789:;<=>?A-ZÄÖÑܧ¿a-zäöñüà^{}\\[~\]|€]/.test(
-        f
-      );
-      let p = 0;
-      if (j)
-        p = f.length + y, r = p > 70 ? 67 : 70;
-      else {
-        let v = 0;
-        for (const s of f)
-          l.includes(s) ? v += 2 : v += 1;
-        p = v + y, r = p > 160 ? 153 : 160;
-      }
-      const V = Math.min(r, t);
-      return `Reserved: ${y} | Character used: ${p} | Encoding: ${j ? "UCS2" : "GSM 7-bit"}. Estimated ${Math.ceil(p / V)} SMS (Every ${V} characters will be sent as 1 SMS)`;
-    }), k = [{ label: "SMS" }, { label: "EMAIL" }];
-    return J(() => {
-      m("update:model-value", {
-        ...a.modelValue,
-        variables: a.variables
-      }), a.modelValue || c("");
-    }), (o, t) => {
-      var p, V, M, _, v;
-      const r = b("FmButtonGroup"), f = b("FmButton"), y = b("FmTextarea"), l = b("FmMenuItem"), j = b("FmMenu");
-      return h(), F("div", ye, [
-        e.allowEmail ? (h(), C(r, {
-          key: 0,
-          items: k,
-          "model-value": { label: (p = e.modelValue) == null ? void 0 : p.channel },
-          "onUpdate:modelValue": t[0] || (t[0] = (s) => c("", s.label))
-        }, null, 8, ["model-value"])) : H("", !0),
-        ((V = e.modelValue) == null ? void 0 : V.channel) == "EMAIL" ? (h(), C(be, {
-          key: 1,
-          design: (M = e.modelValue) == null ? void 0 : M.design,
-          title: ((_ = e.modelValue) == null ? void 0 : _.title) || void 0,
-          "onUpdate:design": t[1] || (t[1] = (s) => {
-            c(s, "EMAIL");
-          })
-        }, null, 8, ["design", "title"])) : (h(), F(T, { key: 2 }, [
-          S("div", ve, [
-            Se,
-            g(f, {
-              icon: "visibility",
-              label: "Preview message",
-              variant: "plain",
-              onClick: x
-            })
-          ]),
-          S("div", xe, [
-            g(y, {
-              "model-value": (v = e.modelValue) == null ? void 0 : v.content,
-              "onUpdate:modelValue": c,
-              "show-word-count": !0,
-              placeholder: e.placeholder,
-              "helper-state": i(E) || "none"
-            }, null, 8, ["model-value", "placeholder", "helper-state"]),
-            S("div", Ee, [
-              g(j, { placement: "left-end" }, {
-                "menu-button": $(() => [
-                  g(f, {
-                    icon: "add",
-                    variant: "tertiary",
-                    size: "md"
-                  })
-                ]),
-                default: $(() => [
-                  (h(!0), F(T, null, Z(e.variables.filter(
-                    (s) => e.triggerType == "SCHEDULE" ? !s.startsWith("transaction.") : !0
-                  ), (s) => {
-                    var U;
-                    return h(), C(l, {
-                      key: s,
-                      label: ((U = i(ae)[s]) == null ? void 0 : U.name) || s,
-                      onClick: (Ve) => {
-                        var D;
-                        return c(((D = e.modelValue) == null ? void 0 : D.content) + `{{${s}}}`);
-                      }
-                    }, null, 8, ["label", "onClick"]);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          S("span", {
-            class: K(["fm-typo-en-body-md-400 text-fm-color-neutral-gray-400", i(E)])
-          }, W(i(L)), 3)
-        ], 64))
-      ]);
-    };
-  }
-});
-export {
-  Ie as M,
-  Ue as _
-};