@feedmepos/mf-connect 0.1.111-prod → 0.1.113-beta.3

package/dist/template--Vr0PCjB.js

@@ -0,0 +1,188 @@
+import { defineComponent as V, openBlock as r, createBlock as C, resolveDynamicComponent as B, unref as e, ref as E, computed as j, onMounted as P, resolveComponent as d, withCtx as u, createElementVNode as l, createElementBlock as w, createVNode as a, normalizeClass as k, createTextVNode as S, toDisplayString as f, Fragment as L, renderList as N, createCommentVNode as q } from "vue";
+import { u as J } from "./campaign-CTe-T5Gd.js";
+import { useDialog as M } from "@feedmepos/ui-library";
+import { F as A } from "./index-B1jP-_Z_.js";
+import { _ as G } from "./lodash-BJXravls.js";
+import { C as H } from "./campaign-C5c47GqT.js";
+import { J as K } from "./JsonViewer-v8_C7l5N.js";
+import { u as Q } from "./vue-i18n-Cw6fF11e.js";
+import { u as R } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Ce5R4Un6.js";
+const U = /* @__PURE__ */ V({
+  __name: "CampaignChip",
+  props: {
+    type: { type: String, required: !0 }
+  },
+  setup(_) {
+    const p = H[_.type];
+    return (i, g) => (r(), C(B(e(p).chip())));
+  }
+}), W = { class: "flex flex-nowrap gap-x-2 grow h-full" }, X = {
+  key: 0,
+  class: "p-8 w-1/4"
+}, Y = { class: "flex flex-col grow p-24" }, Z = { class: "space-y-4" }, ee = { class: "fm-typo-en-title-sm-800" }, te = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, ne = { class: "grow pb-16 pr-16 pt-6 w-full max-h-[400px] overflow-y-auto" }, oe = { class: "gap-24 grid grid-cols-1 lg:grid-cols-2" }, le = { class: "gap-4 h-[22px] inline-flex items-center justify-center min-w-min rounded-md" }, se = { class: "fm-typo-en-title-sm-800" }, ae = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ie = { class: "flex gap-4 items-end justify-end py-8" }, ce = /* @__PURE__ */ V({
+  __name: "TemplateDialog",
+  props: {
+    campaignType: {
+      type: String,
+      default: () => {
+      }
+    },
+    onOk: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(_) {
+    const { t: n } = Q(), { getLocaleText: p } = R(), i = M(), g = J(), c = _, o = E({
+      intention: null,
+      template: null
+    }), T = j(() => {
+      const m = (g.templates ?? []).filter(
+        () => !0
+        //t.intention && t.intention.length > 0
+      );
+      return c.campaignType ? m.filter(
+        (s) => {
+          var x, y;
+          return ((y = (x = s.defaultValue) == null ? void 0 : x.campaign) == null ? void 0 : y.type) === c.campaignType;
+        }
+      ) : o.value.intention === null ? G.sampleSize(m, 7) : m.filter(
+        (s) => s.intention.includes(o.value.intention)
+      );
+    });
+    P(async () => {
+      await g.readTemplates();
+    });
+    function $() {
+      c.onOk(void 0), i.close();
+    }
+    function I() {
+      const m = o.value.template;
+      c.onOk(g.templates.find((s) => s._id === m)), i.close();
+    }
+    return (m, s) => {
+      const x = d("FmChip"), y = d("FmListItem"), O = d("FmList"), F = d("FmCard"), h = d("FmButton"), z = d("FmSpacer");
+      return r(), C(F, { class: "h-[534px] max-w-6xl" }, {
+        default: u(() => [
+          l("div", W, [
+            c.campaignType ? q("", !0) : (r(), w("div", X, [
+              a(O, null, {
+                default: u(() => [
+                  a(y, {
+                    class: k([{
+                      "bg-fm-color-system-warning-100": e(o).intention === null
+                    }, "rounded-sm"]),
+                    onClick: s[0] || (s[0] = (t) => {
+                      e(o).intention = null, e(o).template = null;
+                    })
+                  }, {
+                    append: u(() => [
+                      a(x, {
+                        label: e(n)("connect.templateDialog.hot"),
+                        variant: "critical"
+                      }, null, 8, ["label"])
+                    ]),
+                    default: u(() => [
+                      S(f(e(n)("connect.templateDialog.mostPopular")) + " ", 1)
+                    ]),
+                    _: 1
+                  }, 8, ["class"]),
+                  (r(!0), w(L, null, N(e(A).options, (t, b) => (r(), C(y, {
+                    key: b,
+                    class: k(["rounded-sm", {
+                      "bg-fm-color-system-warning-100": e(o).intention === t
+                    }]),
+                    style: { padding: "8px 16px" },
+                    onClick: (v) => {
+                      e(o).intention = t, e(o).template = null;
+                    }
+                  }, {
+                    default: u(() => [
+                      S(f(e(n)(`connect.templateDialog.intention.${t}`)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "onClick"]))), 128))
+                ]),
+                _: 1
+              })
+            ])),
+            l("div", Y, [
+              l("div", Z, [
+                l("div", ee, f(c.campaignType ? e(n)(`connect.templateDialog.campaignType.${c.campaignType}`) : e(n)("connect.templateDialog.templateList")), 1),
+                l("div", te, f(e(n)("connect.templateDialog.subtitle")), 1)
+              ]),
+              l("div", ne, [
+                a(K, { json: e(T) }, null, 8, ["json"]),
+                l("div", oe, [
+                  (r(!0), w(L, null, N(e(T), (t, b) => (r(), C(F, {
+                    key: b,
+                    variant: "outlined",
+                    class: k(["box-border cursor-pointer h-full p-16 scroll-p-4 space-y-8", {
+                      "bg-fm-color-system-warning-100 border-fm-color-primary border-2": e(o).template === t._id.toString()
+                    }]),
+                    onClick: (v) => e(o).template = t._id.toString()
+                  }, {
+                    default: u(() => {
+                      var v, D;
+                      return [
+                        l("div", le, [
+                          a(U, {
+                            type: (D = (v = t.defaultValue) == null ? void 0 : v.campaign) == null ? void 0 : D.type
+                          }, null, 8, ["type"])
+                        ]),
+                        l("div", se, f(e(p)(t.name_locale, t.name)), 1),
+                        l("p", ae, f(e(p)(t.description_locale, t.description ?? "")), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["class", "onClick"]))), 128))
+                ])
+              ]),
+              l("div", ie, [
+                a(h, {
+                  class: "sm:w-full xs:w-full",
+                  variant: "plain",
+                  label: e(n)("connect.templateDialog.customCampaign"),
+                  size: "md",
+                  onClick: $
+                }, null, 8, ["label"]),
+                a(z, { class: "sm:hidden xs:hidden" }),
+                a(h, {
+                  class: "sm:w-full xs:w-full",
+                  variant: "tertiary",
+                  label: e(n)("connect.templateDialog.cancel"),
+                  size: "md",
+                  onClick: s[1] || (s[1] = (t) => e(i).close())
+                }, null, 8, ["label"]),
+                a(h, {
+                  class: "sm:w-full xs:w-full",
+                  variant: "primary",
+                  label: e(n)("connect.templateDialog.start"),
+                  size: "md",
+                  disabled: !e(o).template,
+                  onClick: I
+                }, null, 8, ["label", "disabled"])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), xe = (_, n) => ({
+  open: async (p) => {
+    n.open({
+      title: "",
+      dialogComponent: ce,
+      dialogComponentProps: {
+        campaignType: _,
+        onOk: async (i) => (console.debug(i, "selected template"), await p(i))
+      },
+      overlay: !0
+    });
+  }
+});
+export {
+  xe as u
+};

package/dist/{timezone-D0nC1LDx.js → timezone-DwzjOED-.js}

@@ -1,4 +1,4 @@
-import { e as a } from "./index-CWUmrVo_.js";
+import { e as a } from "./index-OvnHt5x5.js";
 const n = {
   [a.F_COUNTRY.enum.MY]: "Asia/Kuala_Lumpur",
   [a.F_COUNTRY.enum.SG]: "Asia/Singapore",

package/dist/{transaction.fn-BkF4Ad2z.js → transaction.fn-DapYe3n7.js}

@@ -1,5 +1,5 @@
-import "./index-Df4l6y-S.js";
-import { s as u } from "./index-DuhRCI0L.js";
+import "./index-D34iYRdc.js";
+import { s as u } from "./index-D4k1G2oE.js";
 function i(l) {
   var c, f;
   const e = (c = l.metadata) == null ? void 0 : c.operator, t = typeof e == "string" ? e : [e == null ? void 0 : e.name, e == null ? void 0 : e.phoneNumber, e == null ? void 0 : e.email].filter(Boolean).join(" / ") || (e == null ? void 0 : e.uid);

package/dist/{trigger-CxpXoQJO.js → trigger-D8r76yb0.js}

@@ -1,10 +1,10 @@
-import { defineComponent as c, openBlock as u, createBlock as p, unref as r } from "vue";
-import "./index-DlGnYR5y.js";
-import { R as i } from "./rule-builder-DT854ycI.js";
-import { _ as E } from "./RuleGroup.vue_vue_type_script_setup_true_lang-BvxbKSkB.js";
-import { m as e, H as d } from "./index-Df4l6y-S.js";
-import { i as n } from "./plugins-CCibSJZa.js";
-const L = /* @__PURE__ */ c({
+import { defineComponent as m, openBlock as u, createBlock as p, unref as r } from "vue";
+import "./index-DtcUCknS.js";
+import { R as i } from "./index-B1jP-_Z_.js";
+import { a as E } from "./RuleGroup.vue_vue_type_script_setup_true_lang-Cz2H9MKe.js";
+import { l as e, C as d } from "./index-Byg4ztr-.js";
+import { i as n } from "./plugins-iTZLbJGy.js";
+const L = /* @__PURE__ */ m({
   __name: "BillRuleGroup",
   props: {
     modelValue: {
@@ -22,18 +22,18 @@ const L = /* @__PURE__ */ c({
         "include-only": "bill",
         "trigger-type": "BILL_COMPLETED",
         "model-value": ((g = t.modelValue) == null ? void 0 : g.rules.g_bill) ?? r(i).scaffoldGroup("g_bill"),
-        "onUpdate:modelValue": l[0] || (l[0] = (m) => a(
+        "onUpdate:modelValue": l[0] || (l[0] = (c) => a(
           "update:model-value",
           r(i).setRuleToGroup(
             t.modelValue ?? r(i).scaffoldGroup(),
-            m,
+            c,
             "&&"
           )
         ))
       }, null, 8, ["model-value"]);
     };
   }
-}), O = /* @__PURE__ */ c({
+}), O = /* @__PURE__ */ m({
   __name: "FeedbackRuleGroup",
   props: {
     modelValue: {
@@ -51,18 +51,18 @@ const L = /* @__PURE__ */ c({
         "include-only": "feedback",
         "trigger-type": "FEEDBACK",
         "model-value": ((g = t.modelValue) == null ? void 0 : g.rules.g_feedback) ?? r(i).scaffoldGroup("g_feedback"),
-        "onUpdate:modelValue": l[0] || (l[0] = (m) => a(
+        "onUpdate:modelValue": l[0] || (l[0] = (c) => a(
           "update:model-value",
           r(i).setRuleToGroup(
             t.modelValue ?? r(i).scaffoldGroup(),
-            m,
+            c,
             "&&"
           )
         ))
       }, null, 8, ["model-value"]);
     };
   }
-}), _ = {
+}), R = {
   [e.enum.BILL_COMPLETED]: {
     get name() {
       return n.global.t(
@@ -185,7 +185,7 @@ const L = /* @__PURE__ */ c({
     value: e.enum.ISSUE_REWARD,
     hidden: !0
   }
-}, b = Object.fromEntries(
+}, C = Object.fromEntries(
   [
     "VOUCHER",
     "PROMOTION",
@@ -201,13 +201,13 @@ const L = /* @__PURE__ */ c({
     const o = d[t];
     return [
       t,
-      (o == null ? void 0 : o.map((a) => _[a]).filter((a) => !a.hidden)) ?? []
+      (o == null ? void 0 : o.map((a) => R[a]).filter((a) => !a.hidden)) ?? []
     ];
   })
 );
 export {
-  b as T,
+  C as T,
   L as _,
-  _ as a,
-  O as b
+  O as a,
+  R as b
 };

package/dist/{useMarketingMaterialActions-p0-fyMkm.js → useMarketingMaterialActions-CdMmibPE.js}

@@ -1,7 +1,7 @@
-import { S as o, g as c, b } from "./index-CWUmrVo_.js";
-import { u as w } from "./vue-i18n-BjtkXdmG.js";
+import { S as o, g as c, b } from "./index-OvnHt5x5.js";
+import { u as w } from "./vue-i18n-Cw6fF11e.js";
 import { useSnackbar as h } from "@feedmepos/ui-library";
-import { c as k } from "./plugins-CCibSJZa.js";
+import { c as k } from "./plugins-iTZLbJGy.js";
 const l = (e) => b(`businesses/${e}/marketing-materials`), D = {
   async createMarketingMaterial(e) {
     const a = o.getBusinessId();

package/dist/{usePagination-CrC-1v4L.js → usePagination-BRcQJkO1.js}

@@ -1,6 +1,6 @@
 import { defineComponent as P, computed as v, ref as w, onMounted as $, watch as M, resolveComponent as D, openBlock as u, createElementBlock as p, createVNode as r, unref as n, createElementVNode as s, createCommentVNode as N, toDisplayString as b } from "vue";
 import { _ as S } from "./FmTableSelection.vue_vue_type_script_setup_true_lang-DzcUc0_w.js";
-import { l as E } from "./lodash-B6fOjfjd.js";
+import { l as E } from "./lodash-BJXravls.js";
 const R = { class: "" }, A = {
   key: 0,
   class: "w-full flex flex-col gap-16 items-center py-16"

package/dist/useWhatsappAccount-BOJ8fz84.js

@@ -0,0 +1,62 @@
+import { computed as t, toValue as g, ref as w, watch as y } from "vue";
+import { u as N } from "./vue-i18n-Cw6fF11e.js";
+function C(s) {
+  const o = s.connectedAt !== null;
+  switch (s.status) {
+    case "connected":
+      return "connected";
+    case "disconnected":
+      return o ? "disconnected" : void 0;
+    case "connecting":
+      return o ? "connecting" : void 0;
+  }
+}
+const d = [
+  "bg-fm-color-primary",
+  "bg-fm-color-secondary-plum",
+  "bg-fm-color-system-success-400"
+];
+function U(s) {
+  const { t: o, locale: v } = N(), c = t(() => g(s)), u = t(
+    () => {
+      var e, n, a;
+      return (a = (n = (e = c.value) == null ? void 0 : e.account) == null ? void 0 : n.profilePicture) == null ? void 0 : a.url;
+    }
+  ), r = w(!1);
+  y(u, () => {
+    r.value = !1;
+  });
+  const l = t(
+    () => {
+      var e, n, a, i, p, m;
+      return ((n = (e = c.value) == null ? void 0 : e.account) == null ? void 0 : n.businessName) || ((i = (a = c.value) == null ? void 0 : a.account) == null ? void 0 : i.name) || ((m = (p = c.value) == null ? void 0 : p.account) == null ? void 0 : m.phoneNumber) || o("connect.whatsappBot.unnamedAccount");
+    }
+  ), f = t(
+    () => {
+      var e, n;
+      return ((n = (e = c.value) == null ? void 0 : e.account) == null ? void 0 : n.phoneNumber) || o("connect.whatsappBot.phoneUnavailable");
+    }
+  ), h = t(
+    () => l.value.trim().split(/\s+/).slice(0, 2).map((e) => Array.from(e)[0]).join("").toLocaleUpperCase(v.value)
+  ), b = t(
+    () => c.value ? C(c.value) ?? "disconnected" : "disconnected"
+  ), A = t(
+    () => {
+      var e;
+      return d[parseInt(((e = c.value) == null ? void 0 : e.clientId.slice(-6)) ?? "0", 16) % d.length];
+    }
+  );
+  return {
+    name: l,
+    phoneNumber: f,
+    initials: h,
+    state: b,
+    avatarColor: A,
+    profilePictureUrl: u,
+    profilePictureFailed: r
+  };
+}
+export {
+  U as u,
+  C as w
+};

package/dist/{user-CrylHgF1.js → user-vBZFKqXQ.js}

@@ -1,5 +1,5 @@
 import { components as p } from "@feedmepos/ui-library";
-import { c as f } from "./plugins-CCibSJZa.js";
+import { c as f } from "./plugins-iTZLbJGy.js";
 import { h as c } from "vue";
 function g(o, t = !1) {
   var a;