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

package/dist/MessageInput.vue_vue_type_script_setup_true_lang-C-BtHxSc.js

@@ -1,432 +0,0 @@
-import { defineComponent as M, shallowRef as R, openBlock as p, createElementBlock as w, normalizeStyle as O, ref as V, resolveComponent as g, createBlock as E, unref as s, isRef as N, withCtx as v, createVNode as h, createElementVNode as x, 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-BzV5acUX.js";
-import { r as W } from "./index-BryrRq8O.js";
-import { _ as Z } from "./app-DkI7dYRN.js";
-import { _ as Q, S as X } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-DykNOOFD.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((c) => {
-    c.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, c, y, r) {
-  return p(), w("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"]]), ce = { class: "h-full flex flex-col" }, ue = { 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 c = V(!1), y = V(null), r = V(!1), b = e, f = V({
-      html: "",
-      design: b.design,
-      title: b.title || ""
-    });
-    function o(l) {
-      c.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"), _ = g("FmSideSheet");
-      return p(), E(_, {
-        modelValue: s(c),
-        "onUpdate:modelValue": i[4] || (i[4] = (d) => N(c) ? c.value = d : null),
-        header: "Email editor",
-        "max-width": 1280
-      }, {
-        "side-sheet-button": v(() => [
-          h(S, {
-            label: "Edit email",
-            variant: "tertiary",
-            icon: "edit"
-          })
-        ]),
-        default: v(() => [
-          x("div", ce, [
-            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": v(() => [
-          x("div", ue, [
-            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 = /* @__PURE__ */ x("div", { class: "fm-typo-en-body-lg-400" }, "Add message", -1), ge = { class: "relative" }, ye = { 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, c = 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") {
-      c("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(() => {
-      c("update:model-value", {
-        ...a.modelValue,
-        variables: a.variables
-      }), a.modelValue || r("");
-    }), (o, t) => {
-      var _, d, F, $, k;
-      const m = g("FmButtonGroup"), l = g("FmButton"), i = g("FmTextarea"), S = g("FmMenuItem"), j = g("FmMenu");
-      return p(), w("div", pe, [
-        e.allowEmail ? (p(), E(m, {
-          key: 0,
-          items: [{ label: "SMS" }, { label: "EMAIL" }],
-          "model-value": { label: (_ = e.modelValue) == null ? void 0 : _.channel },
-          "onUpdate:modelValue": t[0] || (t[0] = (u) => r("", u.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] = (u) => {
-            r(u, "EMAIL");
-          })
-        }, null, 8, ["design", "title"])) : (p(), w(U, { key: 2 }, [
-          x("div", he, [
-            fe,
-            h(l, {
-              icon: "visibility",
-              label: "Preview message",
-              variant: "plain",
-              onClick: y
-            })
-          ]),
-          x("div", ge, [
-            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": v(() => [
-                P(z(s(f)), 1)
-              ]),
-              _: 1
-            }, 8, ["model-value", "placeholder", "helper-state", "helper-text"]),
-            x("div", ye, [
-              h(j, { placement: "left-end" }, {
-                "menu-button": v(() => [
-                  h(l, {
-                    icon: "add",
-                    variant: "tertiary",
-                    size: "md"
-                  })
-                ]),
-                default: v(() => [
-                  (p(!0), w(U, null, G(e.variables.filter(
-                    (u) => e.triggerType == "SCHEDULE" ? !u.startsWith("transaction.") : !0
-                  ), (u) => {
-                    var C;
-                    return p(), E(S, {
-                      key: u,
-                      label: ((C = s(ee)[u]) == null ? void 0 : C.name) || u,
-                      onClick: (be) => {
-                        var I;
-                        return r(((I = e.modelValue) == null ? void 0 : I.content) + `{{${u}}}`);
-                      }
-                    }, null, 8, ["label", "onClick"]);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ])
-          ])
-        ], 64))
-      ]);
-    };
-  }
-});
-export {
-  we as _
-};