@feedmepos/mf-connect 0.0.16-beta.1 → 0.0.16-beta.11

package/dist/App-Cikl5jnp.js

@@ -0,0 +1,177 @@
+import { defineComponent as M, ref as p, h as d, watch as N, resolveComponent as S, openBlock as g, createBlock as O, unref as l, computed as C, onMounted as B, createElementBlock as P, Fragment as G, createCommentVNode as $, createVNode as L, createElementVNode as w, nextTick as F } from "vue";
+import { useRouter as V, useRoute as k, RouterView as Y } from "vue-router";
+import { useCoreStore as E } from "@feedmepos/mf-common";
+import { u as U } from "./app-wDQR6dpb.js";
+import { u as H } from "./business-dQh3AEot.js";
+import "./index-DwKqFNF6.js";
+import { components as v, useSnackbar as x, useDialog as D } from "@feedmepos/ui-library";
+import { u as X } from "./vue-i18n-BxwiXSkp.js";
+import { R as n } from "./app-Bd19eW7X.js";
+import { J as q } from "./JsonViewer-v8_C7l5N.js";
+import { S as y } from "./index-Dn0jdj0o.js";
+const j = /* @__PURE__ */ M({
+  __name: "NavigationTab",
+  setup(I) {
+    const { t: e } = X(), m = p(), s = [
+      {
+        label: e("connect.navigation.analytic"),
+        value: n["$connect-ANALYTIC"]
+      },
+      {
+        label: e("connect.navigation.campaign"),
+        value: n["$connect-CAMPAIGN"],
+        children: [
+          {
+            label: e("connect.navigation.promotion"),
+            value: n["$connect-CAMPAIGN_PROMOTION"]
+          },
+          {
+            label: e("connect.navigation.voucher"),
+            value: n["$connect-CAMPAIGN_VOUCHER"]
+          },
+          {
+            label: e("connect.navigation.broadcast"),
+            value: n["$connect-CAMPAIGN_BROADCAST"]
+          }
+        ]
+      },
+      {
+        label: e("connect.navigation.program"),
+        value: n["$connect-PROGRAM"],
+        children: [
+          {
+            label: e("connect.navigation.tier"),
+            value: n["$connect-PROGRAM_TIER"]
+          },
+          {
+            label: e("connect.navigation.title"),
+            value: n["$connect-PROGRAM_TITLE"]
+          },
+          {
+            label: e("connect.navigation.experience"),
+            value: n["$connect-PROGRAM_EXPERIENCE"]
+          },
+          {
+            label: e("connect.navigation.point"),
+            value: n["$connect-PROGRAM_POINT"],
+            badge: () => d(v.FmPill, { variant: "premium" })
+          },
+          {
+            label: e("connect.navigation.credit"),
+            value: n["$connect-PROGRAM_CREDIT"]
+          },
+          {
+            label: e("connect.navigation.game"),
+            value: n["$connect-PROGRAM_GAME"],
+            badge: () => d(v.FmPill, { variant: "premium" })
+          },
+          {
+            label: "Mission",
+            value: n["$connect-PROGRAM_MISSION"]
+          }
+        ]
+      },
+      {
+        label: e("connect.navigation.loyalty"),
+        value: n["$connect-LOYALTY"],
+        children: [
+          {
+            label: e("connect.navigation.member"),
+            value: n["$connect-LOYALTY_MEMBER_LIST"]
+          },
+          {
+            label: e("connect.navigation.segments"),
+            value: n["$connect-LOYALTY_SEGMENT"],
+            badge: () => d(v.FmPill, { variant: "premium" })
+          },
+          {
+            label: e("connect.navigation.card"),
+            value: n["$connect-LOYALTY_CARD"],
+            badge: () => d(v.FmPill, { variant: "premium" })
+          }
+        ]
+      },
+      {
+        label: e("connect.navigation.store"),
+        value: n["$connect-STORE"]
+      },
+      {
+        label: e("connect.navigation.transaction"),
+        value: n["$connect-TRANSACTION"]
+      },
+      // {
+      //   label: 'Marketing material',
+      //   value: ROUTE_NAME['$connect-MARKETING'],
+      // },
+      {
+        label: e("connect.navigation.setting"),
+        value: n["$connect-SETTING"]
+      }
+    ], b = V(), f = k(), _ = s.reduce((a, o) => [...(o.children ?? []).map((t) => t.value), ...a, o.value], []);
+    N(
+      () => f,
+      (a) => {
+        const o = a.matched.map((t) => t.name).reverse();
+        m.value = o.find((t) => _.includes(t));
+      },
+      { immediate: !0 }
+    );
+    async function R(a) {
+      await b.push({ name: a });
+    }
+    return (a, o) => {
+      var r;
+      const t = S("FmCollapsibleTabs");
+      return g(), O(t, {
+        class: "border-fm-color-neutral-gray-100 border-r py-16 px-4",
+        "model-value": (r = l(m)) == null ? void 0 : r.toString(),
+        items: s,
+        "onUpdate:modelValue": R
+      }, null, 8, ["model-value"]);
+    };
+  }
+});
+var J = { authUrl: "https://portal-v2-dev.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "member.feedmedev.cc", crmUrl: "crm.feedmedev.cc", paymentPortalUrl: "https://portal.feedmedev.cc/payment/payout-account", marketingV1Portal: "https://marketing-v1.feedmedev.cc" };
+const z = {
+  key: 1,
+  class: "h-full w-full"
+}, K = ["src"], ie = /* @__PURE__ */ M({
+  __name: "App",
+  setup(I) {
+    const e = E(), m = U(), s = H(), b = x(), f = D(), _ = k(), R = p(_.query.showHeader !== "false"), a = p(!1), { currentBusiness: o } = E(), t = p(!1), r = C(() => s.version), h = C(() => {
+      const c = e.currentCountry.value || "MY", i = y.getIdToken(), u = o.value._id;
+      return `${J.marketingV1Portal}/b/${u}/marketing/overview?showHeader=false&country=${c}&token=${i}`;
+    }), A = async () => {
+      t.value = !1, await F(), console.log("forceRerender"), y.setBusinessId(o.value._id), await s.readPremium(), !a.value && r.value === "v2" ? e.registerSidebarComponent(j) : e.hideSidebarToggle(!0), a.value = !0, t.value = !0;
+    };
+    return B(() => {
+      if (m.initProvider(b, f), !R.value) {
+        const c = document.getElementsByClassName("app-header")[0], i = document.getElementsByClassName("app-sidebar")[0], u = document.getElementsByClassName("app-container")[0], T = document.getElementsByTagName("main")[0];
+        c == null || c.classList.add("!hidden"), i == null || i.classList.add("!pt-0"), u == null || u.classList.add("!pt-0"), T == null || T.classList.add("!pt-0"), e.hideSidebarToggle(!0);
+      }
+      o.value != null && A();
+    }), N(
+      () => e.currentBusiness.value,
+      async (c) => {
+        c != null && A();
+      }
+    ), (c, i) => (g(), P(G, null, [
+      l(t) && l(r) === "v2" ? (g(), O(l(Y), { key: 0 })) : $("", !0),
+      l(t) && l(r) !== "v2" ? (g(), P("div", z, [
+        L(q, {
+          json: { url: l(h) }
+        }, null, 8, ["json"]),
+        w("iframe", {
+          allow: "clipboard-read; clipboard-write",
+          frameBorder: "0",
+          height: "100%",
+          width: "100%",
+          src: l(h)
+        }, null, 8, K)
+      ])) : $("", !0)
+    ], 64));
+  }
+});
+export {
+  ie as default
+};

package/dist/Broadcast-DU3JnBwZ.js

@@ -0,0 +1,223 @@
+import { defineComponent as N, ref as h, computed as U, onMounted as j, resolveComponent as r, openBlock as l, createElementBlock as y, Fragment as b, createVNode as i, unref as t, createElementVNode as n, withCtx as v, renderList as E, createBlock as w, resolveDynamicComponent as H, toDisplayString as d, createCommentVNode as q, h as z } from "vue";
+import { _ as G } from "./campaign-CpzFl8Vr.js";
+import { useDialog as J, components as Q } from "@feedmepos/ui-library";
+import { u as W, p as X } from "./loading-D_AN6p24.js";
+import { u as Y } from "./business-dQh3AEot.js";
+import { u as Z } from "./campaign-BOl8AgKA.js";
+import { g as B, b as A } from "./dto-B8NfyVPG.js";
+import { u as ee } from "./vue-i18n-BxwiXSkp.js";
+import { _ as te } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as ae } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-D9VR3P2d.js";
+import { u as oe } from "./template-clxvNnbF.js";
+import { c as _ } from "./index-UTQHDUdW.js";
+const ne = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-center justify-between w-full" }, ce = { class: "flex gap-8 overflow-x-auto" }, ie = { class: "space-y-8" }, re = { class: "flex w-full gap-4 items-center" }, le = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, me = { class: "space-y-4" }, de = { class: "fm-typo-en-body-lg-600" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ue = { key: 0 }, fe = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600" }, ge = { class: "flex flex-col gap-16 text-center" }, ye = { class: "fm-typo-en-title-sm-800" }, _e = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Re = /* @__PURE__ */ N({
+  __name: "Broadcast",
+  setup(he) {
+    const { t: s } = ee(), V = {
+      label: s("connect.campaign.common.createCampaign"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, D = oe("BROADCAST", J()), R = Y(), m = Z(), { global: L, minor: x } = W, T = h((/* @__PURE__ */ new Date()).toISOString()), c = h({
+      searchKey: "",
+      location: null
+    }), f = U(
+      () => m.campaigns.broadcast.filter(
+        (e) => !c.value.location || !e.targetLocation || e.targetLocation.includes(c.value.location)
+      )
+    ), I = [
+      {
+        header: "Broadcast title",
+        accessorFn: (e) => e.name
+      },
+      {
+        header: "Status",
+        cell(e) {
+          return B(e.row.original);
+        }
+      },
+      {
+        header: "Summary",
+        accessorFn: (e) => A(e)
+      },
+      {
+        header: "Message sent",
+        accessorFn: (e) => e.currentReceive ?? "N/A"
+      },
+      {
+        header: "Actions",
+        cell(e) {
+          return z(Q.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (a) => {
+              a.stopPropagation(), S(e.row.original);
+            }
+          });
+        }
+      }
+    ], C = h();
+    async function S(e) {
+      await X.remove(
+        s("campaign.common.remove.confirm", { name: e.name })
+      ) && await x(
+        async () => {
+          await _.delete(e._id), await m.read("BROADCAST");
+        },
+        {
+          message: s("campaign.common.remove.removing", { name: e.name }),
+          successMessage: s("campaign.common.remove.removed", { name: e.name })
+        }
+      );
+    }
+    async function g(e) {
+      T.value = (/* @__PURE__ */ new Date()).toISOString(), e ? await a() : D.open(async (p) => {
+        await a(p);
+      });
+      async function a(p) {
+        var u;
+        (u = C.value) == null || u.showSheet(
+          !0,
+          "BROADCAST",
+          e ? await _.readById(e._id) : void 0,
+          p
+        );
+      }
+    }
+    async function K(e) {
+      await x(
+        async () => {
+          e.campaign._id ? await _.update(e.campaign._id, e) : await _.create(e), await m.read("BROADCAST");
+        },
+        {
+          message: s(
+            `campaign.broadcast.update.${e.campaign._id ? "updating" : "creating"}`
+          ),
+          successMessage: s("campaign.broadcast.update.success", {
+            action: e.campaign._id ? "updated" : "created"
+          })
+        }
+      );
+    }
+    return j(async () => {
+      await L(async () => {
+        await m.read("BROADCAST");
+      });
+    }), (e, a) => {
+      const p = r("FmPageHead"), u = r("FmSearch"), O = r("FmTable"), F = r("FmButton"), $ = r("FmListItem"), P = r("FmList"), M = r("FmCard");
+      return l(), y(b, null, [
+        i(p, {
+          title: t(s)("connect.campaign.broadcast.title"),
+          actions: t(f).length > 0 ? [V] : [],
+          "onClick:action": a[0] || (a[0] = () => g())
+        }, null, 8, ["title", "actions"]),
+        n("div", ne, [
+          i(u, {
+            modelValue: t(c).searchKey,
+            "onUpdate:modelValue": a[1] || (a[1] = (o) => t(c).searchKey = o),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: t(s)("connect.campaign.common.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          t(m).campaigns.broadcast && t(m).campaigns.broadcast.length > 0 ? (l(), y(b, { key: 0 }, [
+            n("div", se, [
+              n("div", ce, [
+                i(te, {
+                  modelValue: t(c).location,
+                  "onUpdate:modelValue": a[2] || (a[2] = (o) => t(c).location = o),
+                  label: `${t(s)("connect.campaign.common.location")}: `,
+                  "show-item-label": !0,
+                  icon: "storefront",
+                  placement: "bottom-start",
+                  items: t(R).locationItems
+                }, null, 8, ["modelValue", "label", "items"])
+              ]),
+              i(u, {
+                modelValue: t(c).searchKey,
+                "onUpdate:modelValue": a[3] || (a[3] = (o) => t(c).searchKey = o),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            i(O, {
+              class: "xs:hidden",
+              "row-data": t(f),
+              "column-defs": I,
+              "search-value": t(c).searchKey,
+              "column-filter": [],
+              onRowClick: a[4] || (a[4] = (o) => g(o.original)),
+              "hide-footer": !0
+            }, null, 8, ["row-data", "search-value"]),
+            i(P, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: v(() => [
+                (l(!0), y(b, null, E(t(f).filter(
+                  (o) => o.name.toLowerCase().includes(t(c).searchKey.toLowerCase())
+                ), (o) => (l(), w($, {
+                  key: o._id.toString(),
+                  onClick: (k) => g(o),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: v(() => [
+                    n("div", ie, [
+                      n("div", re, [
+                        (l(), w(H(t(B)(o)))),
+                        n("div", le, d(o.currentReceive ?? 0) + " sent ", 1)
+                      ]),
+                      n("div", me, [
+                        n("div", de, d(o.name), 1),
+                        n("div", pe, d(t(A)(o)), 1)
+                      ])
+                    ]),
+                    i(F, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (k) => (k.stopPropagation(), S(o))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            }),
+            t(f).length == 0 ? (l(), y("div", ue, [
+              n("div", fe, d(t(s)("connect.campaign.common.noResults")), 1)
+            ])) : q("", !0)
+          ], 64)) : (l(), w(M, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: v(() => [
+              a[6] || (a[6] = n("img", {
+                src: G,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", ge, [
+                n("div", ye, d(t(s)("connect.campaign.broadcast.create.title")), 1),
+                n("div", _e, d(t(s)("connect.campaign.broadcast.create.description")), 1)
+              ]),
+              i(F, {
+                variant: "primary",
+                label: t(s)("connect.campaign.broadcast.create.button"),
+                icon: "add",
+                onClick: a[5] || (a[5] = (o) => g())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })),
+          i(ae, {
+            ref_key: "sheetRef",
+            ref: C,
+            "onSubmit:modelValue": K
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Re as default
+};

package/dist/{CampaignTypeDialog.vue_vue_type_script_setup_true_lang-VWLBlxy1.js → CampaignTypeDialog.vue_vue_type_script_setup_true_lang-D0I8IZIR.js}

@@ -1,13 +1,13 @@
-import { R as RuleOperator, _ } from "./index-CWf0mh3a.js";
-import { i as isRuleGroup } from "./rule-builder-BgqNbM-P.js";
+import { R as RuleOperator, _ } from "./index-DYDhH9bi.js";
+import { i as isRuleGroup } from "./rule-builder-DJ-acvVD.js";
 import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, createVNode, toDisplayString } from "vue";
 import { useDialog } from "@feedmepos/ui-library";
-import "./index-CuL5-ORK.js";
-import { a as F_RUNNABLE_CAMPAIGN_TYPE } from "./index-BryrRq8O.js";
-import "./index-boor8e80.js";
-import "./index-yxJMhfxj.js";
-import "./index-BobRgQrE.js";
-import "./index-CkiYkbXb.js";
+import "./index-CZKYIefW.js";
+import { a as F_RUNNABLE_CAMPAIGN_TYPE } from "./index-DCixRRvz.js";
+import "./index-Di-kWSmf.js";
+import "./index-C_0IFnwi.js";
+import "./index-HoacsZDk.js";
+import "./index-DFgt4-VW.js";
 function validateRule(data, r, date) {
   const rules = new RuleOperator(date ?? /* @__PURE__ */ new Date());
   function meetConditions(e) {
@@ -39,10 +39,7 @@ function validateRule(data, r, date) {
   }
   return isRuleGroup(r) ? evaluateRuleResult(getRuleResults(r), r.logic) : meetConditions(r);
 }
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "" }, [
-  /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Add benefit"),
-  /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Select the benefit type that you want to reward the selected tier. ")
-], -1), _hoisted_2 = { class: "flex flex-col h-full space-y-24" }, _hoisted_3 = { class: "fm-typo-en-title-sm-600" }, _hoisted_4 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_1 = { class: "flex flex-col h-full space-y-24" }, _hoisted_2 = { class: "fm-typo-en-title-sm-600" }, _hoisted_3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CampaignTypeDialog",
   props: {
     onSelect: {
@@ -86,21 +83,24 @@ const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "" }, [
     function l(i) {
       n.close(), o.onSelect(i);
     }
-    return (i, c) => {
-      const a = resolveComponent("FmCard");
-      return openBlock(), createBlock(a, { class: "p-24 space-y-16" }, {
+    return (i, a) => {
+      const c = resolveComponent("FmCard");
+      return openBlock(), createBlock(c, { class: "p-24 space-y-16" }, {
         default: withCtx(() => [
-          _hoisted_1,
-          createElementVNode("div", _hoisted_2, [
-            (openBlock(), createElementBlock(Fragment, null, renderList(t, (s) => createVNode(a, {
+          a[0] || (a[0] = createElementVNode("div", { class: "" }, [
+            createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Add benefit"),
+            createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Select the benefit type that you want to reward the selected tier. ")
+          ], -1)),
+          createElementVNode("div", _hoisted_1, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(t, (s) => createVNode(c, {
               variant: "outlined",
               key: s.value,
               onClick: (u) => l(s.value),
               class: "p-16 space-y-8 cursor-pointer"
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3, toDisplayString(s.title), 1),
-                createElementVNode("div", _hoisted_4, toDisplayString(s.description), 1)
+                createElementVNode("div", _hoisted_2, toDisplayString(s.title), 1),
+                createElementVNode("div", _hoisted_3, toDisplayString(s.description), 1)
               ]),
               _: 2
             }, 1032, ["onClick"])), 64))