@feedmepos/mf-connect 0.1.34-prod → 0.1.36-prod

package/dist/{MessageInput.vue_vue_type_script_setup_true_lang-DOiX6Yt3.js → MessageInput.vue_vue_type_script_setup_true_lang-DZS17c8D.js}

@@ -1,13 +1,13 @@
-import { defineComponent as I, shallowRef as G, openBlock as p, createElementBlock as C, normalizeStyle as P, ref as _, resolveComponent as g, createBlock as M, unref as i, isRef as q, withCtx as v, createVNode as h, createElementVNode as x, createCommentVNode as H, withDirectives as U, vShow as B, computed as z, onMounted as J, Fragment as T, createTextVNode as Z, toDisplayString as K, renderList as W } from "vue";
-import { p as X } from "./plugins-Be0jgH3O.js";
-import { B as Y } from "./index-0XngMu-Y.js";
-import "./index-DE7rGgsK.js";
+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-5mIceCPA.js";
+import { B as Y } from "./index-CmOaBe_x.js";
+import "./index-CuJ5OZqA.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 ae } from "./membership-Ctmy5tHm.js";
-const se = {
+import { u as se } from "./membership-BPpTsVq5.js";
+const ae = {
   "user.name": {
     name: "User name"
   },
@@ -47,16 +47,16 @@ const se = {
   "membership.url": {
     name: "Membership URL"
   }
-}, Le = {
+}, 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 r = !1;
-  return n.forEach((c) => {
-    c.src.includes(e) && (r = !0);
-  }), r;
+  let d = !1;
+  return n.forEach((u) => {
+    u.src.includes(e) && (d = !0);
+  }), d;
 }, le = (e) => {
   N.push(e);
 }, R = () => {
@@ -69,14 +69,14 @@ const re = (e) => {
   if (le(e), re(n))
     R();
   else {
-    const r = document.createElement("script");
-    r.setAttribute("src", n), r.onload = () => {
+    const d = document.createElement("script");
+    d.setAttribute("src", n), d.onload = () => {
       O = !0, R();
-    }, document.head.appendChild(r);
+    }, document.head.appendChild(d);
   }
 };
-let ue = 0;
-const ce = I({
+let ce = 0;
+const ue = I({
   name: "EmailEditor",
   props: {
     editorId: String,
@@ -105,7 +105,7 @@ const ce = I({
   },
   computed: {
     id() {
-      return this.editorId || `editor-${++ue}`;
+      return this.editorId || `editor-${++ce}`;
     }
   },
   setup() {
@@ -150,14 +150,14 @@ const ce = I({
     }
   }
 }), me = ["id"];
-function pe(e, n, r, c, a, m) {
-  return p(), C("div", {
+function pe(e, n, d, u, a, m) {
+  return h(), F("div", {
     id: e.id,
     class: "unlayer-editor",
-    style: P({ minHeight: e.minHeight })
+    style: z({ minHeight: e.minHeight })
   }, null, 12, me);
 }
-const he = /* @__PURE__ */ Q(ce, [["render", pe], ["__scopeId", "data-v-a9a2bb94"]]), ge = { class: "h-full flex flex-col" }, fe = { class: "flex items-center gap-8" }, be = /* @__PURE__ */ I({
+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: {
@@ -170,83 +170,83 @@ const he = /* @__PURE__ */ Q(ce, [["render", pe], ["__scopeId", "data-v-a9a2bb94
     }
   },
   emits: ["update:design"],
-  setup(e, { expose: n, emit: r }) {
-    const c = _(!1), a = _(null), m = _(!1), b = e, l = _({
+  setup(e, { expose: n, emit: d }) {
+    const u = w(!1), a = w(null), m = w(!1), x = e, c = w({
       html: "",
-      design: b.design,
-      title: b.title || ""
+      design: x.design,
+      title: x.title || ""
     });
-    function S(o) {
-      c.value = o;
+    function E(o) {
+      u.value = o;
     }
-    const w = r;
-    function F() {
+    const L = d;
+    function k() {
       a.value && (a.value.exportHtml((o) => {
-        l.value = {
+        c.value = {
           html: o.html,
           design: o.design,
-          title: l.value.title
-        }, w("update:design", l.value);
-      }), S(!1));
+          title: c.value.title
+        }, L("update:design", c.value);
+      }), E(!1));
     }
     return n({
-      showSheet: S
+      showSheet: E
     }), (o, t) => {
-      const d = g("FmButton"), f = g("FmTextField"), y = g("FmSideSheet");
-      return p(), M(y, {
-        modelValue: i(c),
-        "onUpdate:modelValue": t[4] || (t[4] = (s) => q(c) ? c.value = s : null),
+      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": v(() => [
-          h(d, {
+        "side-sheet-button": $(() => [
+          g(r, {
             label: "Edit email",
             variant: "tertiary",
             icon: "edit"
           })
         ]),
-        default: v(() => [
-          x("div", ge, [
-            i(m) ? H("", !0) : (p(), M(ee, {
+        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"])),
-            U(h(f, {
+            A(g(f, {
               label: "Email title",
-              modelValue: i(l).title,
-              "onUpdate:modelValue": t[0] || (t[0] = (s) => i(l).title = s)
+              modelValue: i(c).title,
+              "onUpdate:modelValue": t[0] || (t[0] = (l) => i(c).title = l)
             }, null, 8, ["modelValue"]), [
               [B, i(m)]
             ]),
-            U(h(he, {
+            A(g(he, {
               class: "flex-1",
               ref_key: "editorRef",
               ref: a,
-              onLoad: t[1] || (t[1] = (s) => m.value = !1),
+              onLoad: t[1] || (t[1] = (l) => m.value = !1),
               onReady: t[2] || (t[2] = () => {
-                var s;
-                m.value = !0, b.design && ((s = i(a)) == null || s.loadDesign(i(ne)(b.design)));
+                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": v(() => [
-          x("div", fe, [
-            h(d, {
+        "side-sheet-footer": $(() => [
+          S("div", fe, [
+            g(r, {
               variant: "primary",
               label: "Confirm",
-              onClick: F
+              onClick: k
             }),
-            h(d, {
+            g(r, {
               variant: "tertiary",
               label: "Cancel",
-              onClick: t[3] || (t[3] = (s) => S(!1))
+              onClick: t[3] || (t[3] = (l) => E(!1))
             })
           ])
         ]),
@@ -254,7 +254,7 @@ const he = /* @__PURE__ */ Q(ce, [["render", pe], ["__scopeId", "data-v-a9a2bb94
       }, 8, ["modelValue"]);
     };
   }
-}), ye = { class: "space-y-4" }, ve = { class: "flex items-center gap-8 justify-between" }, xe = /* @__PURE__ */ x("div", { class: "fm-typo-en-body-lg-400" }, "Add message", -1), Se = { class: "relative" }, Ve = { class: "absolute bottom-[24px] right-[4px]" }, De = /* @__PURE__ */ I({
+}), 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: {
@@ -295,9 +295,9 @@ const he = /* @__PURE__ */ Q(ce, [["render", pe], ["__scopeId", "data-v-a9a2bb94
   },
   emits: ["update:model-value"],
   setup(e, { emit: n }) {
-    const r = oe(), c = ae(), a = e, m = n;
-    function b() {
-      var d;
+    const d = oe(), u = se(), a = e, m = n;
+    function x() {
+      var r;
       const o = {
         user: {
           name: "John Doe",
@@ -314,12 +314,12 @@ const he = /* @__PURE__ */ Q(ce, [["render", pe], ["__scopeId", "data-v-a9a2bb94
           name: "RM10 Voucher"
         }
       }, t = Y(
-        ((d = a.modelValue) == null ? void 0 : d.content) ?? "",
+        ((r = a.modelValue) == null ? void 0 : r.content) ?? "",
         o
       );
       X.confirm(t, "Preview message", "OK");
     }
-    function l(o, t = "SMS") {
+    function c(o, t = "SMS") {
       m("update:model-value", {
         channel: t,
         content: t == "SMS" ? o : o.html,
@@ -329,12 +329,12 @@ const he = /* @__PURE__ */ Q(ce, [["render", pe], ["__scopeId", "data-v-a9a2bb94
         variables: a.variables
       });
     }
-    const S = _(a.helperState || "none"), w = z(() => {
-      var V, E;
-      const o = ((V = c.membership) == null ? void 0 : V.brand) || r.currentBusiness.value.name || "", t = 160;
-      let d = t;
-      const f = ((E = a.modelValue) == null ? void 0 : E.content.replace(/{{([^}]+)}}/g, (k, j) => {
-        switch (j) {
+    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":
@@ -357,79 +357,82 @@ const he = /* @__PURE__ */ Q(ce, [["render", pe], ["__scopeId", "data-v-a9a2bb94
             return "...";
         }
       })) || "";
-      let y = o.length + 4, s = f.length + y;
-      /[^@£$¥èéùìòÇ\nØø\rÅåΔ_ΦΓΛΩΠΨΣΘΞ !"#%&'()*+,\-./0123456789:;<=>?A-ZÄÖÑܧ¿a-zäöñüà^{}\\[~\]|€]/.test(
+      let y = o.length + 5;
+      const l = "^{}\\[~]|€", j = /[^@£$¥èéùìòÇ\nØø\rÅåΔ_ΦΓΛΩΠΨΣΘΞ !"#%&'()*+,\-./0123456789:;<=>?A-ZÄÖÑܧ¿a-zäöñüà^{}\\[~\]|€]/.test(
         f
-      ) && (d = 70);
-      const $ = Math.min(d, t);
-      return `Reserved: ${y} | Character used: ${s} ≈ ${Math.ceil(s / $)} SMS (Every ${$} characters will be sent as 1 SMS)`;
-    }), F = [{ label: "SMS" }, { label: "EMAIL" }];
+      );
+      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 || l("");
+      }), a.modelValue || c("");
     }), (o, t) => {
-      var V, E, k, j, L;
-      const d = g("FmButtonGroup"), f = g("FmButton"), y = g("FmTextarea"), s = g("FmMenuItem"), $ = g("FmMenu");
-      return p(), C("div", ye, [
-        e.allowEmail ? (p(), M(d, {
+      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: F,
-          "model-value": { label: (V = e.modelValue) == null ? void 0 : V.channel },
-          "onUpdate:modelValue": t[0] || (t[0] = (u) => l("", u.label))
+          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),
-        ((E = e.modelValue) == null ? void 0 : E.channel) == "EMAIL" ? (p(), M(be, {
+        ((V = e.modelValue) == null ? void 0 : V.channel) == "EMAIL" ? (h(), C(be, {
           key: 1,
-          design: (k = e.modelValue) == null ? void 0 : k.design,
-          title: ((j = e.modelValue) == null ? void 0 : j.title) || void 0,
-          "onUpdate:design": t[1] || (t[1] = (u) => {
-            l(u, "EMAIL");
+          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"])) : (p(), C(T, { key: 2 }, [
-          x("div", ve, [
-            xe,
-            h(f, {
+        }, null, 8, ["design", "title"])) : (h(), F(T, { key: 2 }, [
+          S("div", ve, [
+            Se,
+            g(f, {
               icon: "visibility",
               label: "Preview message",
               variant: "plain",
-              onClick: b
+              onClick: x
             })
           ]),
-          x("div", Se, [
-            h(y, {
-              "model-value": (L = e.modelValue) == null ? void 0 : L.content,
-              "onUpdate:modelValue": l,
+          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(S) || "none",
-              "helper-text": i(w)
-            }, {
-              "helper-text": v(() => [
-                Z(K(i(w)), 1)
-              ]),
-              _: 1
-            }, 8, ["model-value", "placeholder", "helper-state", "helper-text"]),
-            x("div", Ve, [
-              h($, { placement: "left-end" }, {
-                "menu-button": v(() => [
-                  h(f, {
+              "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: v(() => [
-                  (p(!0), C(T, null, W(e.variables.filter(
-                    (u) => e.triggerType == "SCHEDULE" ? !u.startsWith("transaction.") : !0
-                  ), (u) => {
-                    var D;
-                    return p(), M(s, {
-                      key: u,
-                      label: ((D = i(se)[u]) == null ? void 0 : D.name) || u,
-                      onClick: (Ee) => {
-                        var A;
-                        return l(((A = e.modelValue) == null ? void 0 : A.content) + `{{${u}}}`);
+                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))
@@ -437,13 +440,16 @@ const he = /* @__PURE__ */ Q(ce, [["render", pe], ["__scopeId", "data-v-a9a2bb94
                 _: 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 {
-  Le as M,
-  De as _
+  Ie as M,
+  Ue as _
 };