@feedmepos/mf-connect 0.1.98-beta.6 → 0.1.98-beta.60

package/dist/MetricInfoTooltip.vue_vue_type_script_setup_true_lang-CETwYfZD.js

@@ -0,0 +1,40 @@
+import { defineComponent as c, resolveComponent as e, openBlock as s, createBlock as a, withCtx as l, createElementVNode as p, unref as m, withModifiers as f, createVNode as u } from "vue";
+import { u as _ } from "./vue-i18n-DowpocqN.js";
+const d = ["aria-label"], h = /* @__PURE__ */ c({
+  __name: "MetricInfoTooltip",
+  props: {
+    description: {}
+  },
+  setup(o) {
+    const { t: n } = _();
+    return (x, t) => {
+      const r = e("FmIcon"), i = e("FmTooltip");
+      return s(), a(i, {
+        variant: "plain",
+        placement: "left",
+        content: o.description
+      }, {
+        default: l(() => [
+          p("button", {
+            type: "button",
+            "aria-label": m(n)("connect.loyalty.dashboard.accessibility.metricInformation"),
+            onClick: t[0] || (t[0] = f(() => {
+            }, ["stop"])),
+            class: "inline-flex h-[20px] w-[20px] flex-shrink-0 cursor-help items-center justify-center border-0 bg-transparent p-0"
+          }, [
+            u(r, {
+              name: "info",
+              outline: "",
+              size: "xs",
+              class: "!text-fm-color-typo-tertiary"
+            })
+          ], 8, d)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+});
+export {
+  h as _
+};

package/dist/Mission-Do4IonLo.js

@@ -0,0 +1,360 @@
+import { defineComponent as Y, ref as v, computed as J, h as l, onMounted as Q, resolveComponent as d, openBlock as u, createElementBlock as S, Fragment as k, createVNode as r, unref as t, createElementVNode as i, withCtx as F, renderList as X, createBlock as I, resolveDynamicComponent as Z, toDisplayString as g } from "vue";
+import { _ as ee } from "./campaign-CpzFl8Vr.js";
+import { u as oe } from "./loading-D_rPJ-Yc.js";
+import { a as te, b as A, c as N } from "./campaign-7CI7gfS5.js";
+import { c as ne, p as ae } from "./duplicateCampaign-CMQ-RMH-.js";
+import { c as ie, p as se } from "./plugins-696Z9K6A.js";
+import { u as re } from "./business-BonuheMK.js";
+import { u as ce } from "./campaign-Ct7jhugP.js";
+import { useDialog as le, components as f } from "@feedmepos/ui-library";
+import { _ as me } from "./FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js";
+import { u as de } from "./template-01_h2Gac.js";
+import { _ as pe } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-3ERieT1j.js";
+import { s as ue } from "./index-CuvNtC_M.js";
+import { u as ge } from "./vue-i18n-DowpocqN.js";
+import { _ as fe } from "./SendCollectionSheet.vue_vue_type_script_setup_true_lang-b-K-VDJC.js";
+import "./index-CEDhjZzd.js";
+import { useRouter as ye } from "vue-router";
+import { c as h } from "./index-BmN_Qcw7.js";
+import { R as _e } from "./app-J8VIC7-H.js";
+const he = { class: "px-24 flex flex-col gap-y-16" }, we = { class: "flex items-center justify-between w-full" }, Ce = { class: "flex gap-8 overflow-x-auto" }, xe = { class: "space-y-8" }, be = { class: "flex w-full gap-4 items-center" }, ve = { class: "space-y-4" }, Se = { class: "fm-typo-en-body-lg-600" }, ke = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ie = { class: "flex items-center gap-8" }, Me = { class: "flex flex-col gap-16 text-center" }, Le = { class: "fm-typo-en-title-sm-800" }, Pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Qe = /* @__PURE__ */ Y({
+  __name: "Mission",
+  setup(Ve) {
+    const { t: a } = ge(), O = ye(), D = {
+      label: a("connect.program.common.actions.create", {
+        type: a("connect.program.mission.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, M = le(), K = de("MISSION", M), T = re(), p = ce(), { global: U, minor: L } = oe, m = v({
+      searchKey: "",
+      location: []
+    });
+    function $(e) {
+      const o = m.value.location;
+      return !o || o.length === 0 || !e.targetLocation ? !0 : Array.isArray(o) ? o.some((s) => {
+        var c;
+        return (c = e == null ? void 0 : e.targetLocation) == null ? void 0 : c.includes(s);
+      }) : e.targetLocation.includes(o);
+    }
+    const y = J(
+      () => p.campaigns.mission.filter((e) => $(e))
+    ), E = [
+      {
+        header: a("connect.program.common.table.title"),
+        accessorKey: "name",
+        // accessorFn: (v) => v.name,
+        cell(e) {
+          return l("div", { class: "flex items-center justify-between gap-4" }, [
+            l("div", { class: "flex items-center" }, [
+              l(
+                f.FmTooltip,
+                {
+                  content: e.row.original._id,
+                  onClick: (o) => {
+                    o.stopPropagation(), ie(e.row.original._id);
+                  }
+                },
+                [
+                  l(f.FmIcon, {
+                    name: "info",
+                    outline: !0,
+                    size: "sm"
+                  })
+                ]
+              )
+            ]),
+            l("div", { class: "flex-1" }, e.row.original.name)
+          ]);
+        }
+      },
+      {
+        header: a("connect.campaign.mission.type"),
+        accessorFn: (e) => ue(e.mission.type)
+        //v.effect,
+      },
+      {
+        header: a("connect.program.common.table.status"),
+        accessorFn: (e) => te(e),
+        cell(e) {
+          return A(e.row.original);
+        }
+      },
+      {
+        header: a("connect.program.common.table.summary"),
+        accessorFn: (e) => N(e)
+        //v.effect,
+      },
+      {
+        header: a("connect.campaign.mission.received"),
+        accessorFn: (e) => {
+          var o;
+          return ((o = e == null ? void 0 : e.pf_collectible) == null ? void 0 : o.currentReceive) ?? 0;
+        }
+      },
+      {
+        header: a("connect.program.common.table.actions"),
+        cell(e) {
+          return l("div", { class: "flex items-center gap-8" }, [
+            l(f.FmButton, {
+              variant: "tertiary",
+              icon: "insights",
+              iconColor: "neutral-gray-400",
+              onClick: async (o) => {
+                o.stopPropagation(), await R(e.row.original);
+              }
+            }),
+            l(f.FmButton, {
+              variant: "tertiary",
+              icon: "content_copy",
+              iconColor: "neutral-gray-400",
+              onClick: async (o) => {
+                o.stopPropagation(), await B(e.row.original);
+              }
+            }),
+            l(f.FmButton, {
+              variant: "tertiary",
+              icon: "send",
+              iconColor: "neutral-gray-400",
+              onClick: (o) => {
+                o.stopPropagation(), H(e.row.original);
+              }
+            }),
+            l(f.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (o) => {
+                o.stopPropagation(), V(e.row.original);
+              }
+            })
+          ]);
+        }
+      }
+    ], x = v(), P = v();
+    async function V(e) {
+      await se.remove(
+        a("connect.program.common.remove.confirm", { name: e.name })
+      ) && await L(
+        async () => {
+          await h.delete(e._id), await p.read("MISSION");
+        },
+        {
+          message: a("connect.program.common.remove.removing", { name: e.name }),
+          successMessage: a("connect.program.common.remove.removed", {
+            name: e.name
+          })
+        }
+      );
+    }
+    async function w(e) {
+      e ? await o() : K.open(async (s) => {
+        await o(s);
+      });
+      async function o(s) {
+        var c;
+        (c = x.value) == null || c.showSheet(
+          !0,
+          "MISSION",
+          e ? await h.readById(e._id) : void 0,
+          s
+        );
+      }
+    }
+    async function B(e) {
+      var c;
+      if (!await ne(e.name))
+        return;
+      const o = await h.readById(e._id), s = ae(o);
+      (c = x.value) == null || c.showSheet(
+        !0,
+        "MISSION",
+        s,
+        o.template
+      );
+    }
+    async function j(e) {
+      e.campaign._id && e.campaign.rewards.some((o) => o.type === "VOUCHER") && await new Promise((o) => {
+        M.open({
+          title: "Confirmation",
+          message: "This will change all future vouchers? Would you like to update previous claimed vouchers expiry date and discount?",
+          primaryActions: { text: "Update all", close: !0 },
+          secondaryActions: { text: "Update future only", close: !0 }
+        }).onPrimary(async () => {
+          var s;
+          e.updateCollections = !0, (s = window.top) == null || s.postMessage("updateAllVoucher", "*"), o();
+        }).onSecondary(async () => {
+          o();
+        });
+      }), await L(
+        async () => {
+          e.campaign._id ? await h.update(e.campaign._id, e) : await h.create(e), await p.read("MISSION");
+        },
+        {
+          message: a(
+            e.campaign._id ? "connect.program.common.update.updating" : "connect.program.common.update.creating",
+            { type: "Mission" }
+          ),
+          successMessage: a("connect.program.common.update.success", {
+            type: "Mission",
+            action: e.campaign._id ? "updated" : "created"
+          })
+        }
+      );
+    }
+    function H(e) {
+      var o;
+      (o = P.value) == null || o.showSheet({
+        campaign: e
+      });
+    }
+    async function R(e) {
+      await O.push({
+        name: _e["$connect-PROGRAM_MISSION_ANALYTIC"],
+        params: { id: e._id }
+      });
+    }
+    return Q(async () => {
+      await U(async () => {
+        await p.read("MISSION"), console.log(y);
+      });
+    }), (e, o) => {
+      const s = d("FmPageHead"), c = d("FmSearch"), q = d("FmTable"), C = d("FmButton"), z = d("FmListItem"), G = d("FmList"), W = d("FmCard");
+      return u(), S(k, null, [
+        r(s, {
+          title: t(a)("connect.campaign.mission.title"),
+          actions: t(y).length > 0 ? [D] : [],
+          "onClick:action": o[0] || (o[0] = () => w())
+        }, null, 8, ["title", "actions"]),
+        i("div", he, [
+          r(c, {
+            modelValue: t(m).searchKey,
+            "onUpdate:modelValue": o[1] || (o[1] = (n) => t(m).searchKey = n),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: t(a)("connect.program.common.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          t(p).campaigns.mission && t(p).campaigns.mission.length > 0 ? (u(), S(k, { key: 0 }, [
+            i("div", we, [
+              i("div", Ce, [
+                r(me, {
+                  label: `${t(a)("connect.program.common.location")}: `,
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: t(m).location,
+                  "onUpdate:modelValue": o[2] || (o[2] = (n) => t(m).location = n),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: t(T).locationOptions
+                }, null, 8, ["label", "modelValue", "items"])
+              ]),
+              r(c, {
+                modelValue: t(m).searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (n) => t(m).searchKey = n),
+                class: "xs:hidden sm:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            r(q, {
+              class: "xs:hidden sm:hidden",
+              "row-data": t(y),
+              "column-defs": E,
+              "search-value": t(m).searchKey,
+              "column-filter": [],
+              onRowClick: o[4] || (o[4] = (n) => w(n.original)),
+              "hide-footer": t(y).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            r(G, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: F(() => [
+                (u(!0), S(k, null, X(t(y).filter(
+                  (n) => n.name.toLowerCase().includes(t(m).searchKey.toLowerCase())
+                ), (n) => (u(), I(z, {
+                  key: n._id.toString(),
+                  onClick: (b) => w(n),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: F(() => {
+                    var b;
+                    return [
+                      i("div", xe, [
+                        i("div", be, [
+                          (u(), I(Z(t(A)(n))))
+                        ]),
+                        i("div", ve, [
+                          i("div", Se, g(n.name), 1),
+                          i("div", ke, g(t(N)(n)), 1)
+                        ]),
+                        i("div", Fe, g(t(a)("connect.campaign.mission.received")) + " : " + g(((b = n == null ? void 0 : n.pf_collectible) == null ? void 0 : b.currentReceive) ?? 0), 1)
+                      ]),
+                      i("div", Ie, [
+                        r(C, {
+                          icon: "insights",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: async (_) => {
+                            _.stopPropagation(), await R(n);
+                          }
+                        }, null, 8, ["onClick"]),
+                        r(C, {
+                          icon: "content_copy",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: async (_) => {
+                            _.stopPropagation(), await B(n);
+                          }
+                        }, null, 8, ["onClick"]),
+                        r(C, {
+                          icon: "delete",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: (_) => (_.stopPropagation(), V(n))
+                        }, null, 8, ["onClick"])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (u(), I(W, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: F(() => [
+              o[6] || (o[6] = i("img", {
+                src: ee,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              i("div", Me, [
+                i("div", Le, g(t(a)("connect.campaign.mission.createProgram")), 1),
+                i("div", Pe, g(t(a)("connect.campaign.mission.description")), 1)
+              ]),
+              r(C, {
+                variant: "primary",
+                label: t(a)("connect.campaign.mission.create"),
+                icon: "add",
+                onClick: o[5] || (o[5] = (n) => w())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })),
+          r(pe, {
+            ref_key: "sheetRef",
+            ref: x,
+            "onSubmit:modelValue": j
+          }, null, 512),
+          r(fe, {
+            ref_key: "sendCollectionSheetRef",
+            ref: P
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Qe as default
+};

package/dist/{Overview-mxGLyFvE.js → Overview-DA90l9Kb.js}

@@ -1,28 +1,29 @@
 import { defineComponent as q, resolveComponent as w, openBlock as C, createElementBlock as B, Fragment as Y, createVNode as c, withCtx as V, createElementVNode as a, toDisplayString as O, unref as r, renderSlot as ve, ref as F, computed as G, watch as ie, createBlock as j, isRef as J, resolveDynamicComponent as ne, renderList as re, normalizeClass as de, createTextVNode as ce, createCommentVNode as z, h as te, onMounted as _e } from "vue";
 import { _ as ge } from "./campaign-CpzFl8Vr.js";
-import { u as Z } from "./vue-i18n-BBj45p9N.js";
-import { u as ue } from "./loading-CojnK00V.js";
-import { p as K } from "./plugins-MnP1vCcg.js";
+import { u as Z } from "./vue-i18n-DowpocqN.js";
+import { u as ue } from "./loading-D_rPJ-Yc.js";
+import { p as K } from "./plugins-696Z9K6A.js";
 import { J as X } from "./JsonViewer-v8_C7l5N.js";
-import { Z as N } from "./zod-B1cU167C.js";
+import { Z as N } from "./zod-DVw24Ejy.js";
 import { u as W } from "./app-wDQR6dpb.js";
-import { u as Q, _ as we } from "./RewardGroup.vue_vue_type_script_setup_true_lang-B6bvQNsU.js";
-import { u as me } from "./reward-Dk3D26xC.js";
-import { b as ye, c as be } from "./index-Cvfavr2M.js";
-import { m as le, c as se } from "./index-BPsofsGt.js";
-import "./index-7HizF3GI.js";
-import "./index-xao4ggML.js";
-import "./index-BdqRrCt8.js";
-import { C as fe } from "./membership-CeX8E_I9.js";
-import { t as ee } from "./helper-WYHUnHVy.js";
+import { u as Q, _ as we } from "./RewardGroup.vue_vue_type_script_setup_true_lang-C-ygqNur.js";
+import { u as me } from "./reward-lSVIBiE9.js";
+import { b as ye, c as be } from "./index-BRCB6yJ6.js";
+import "./index-BZKKS7jO.js";
+import "./index-BOVnM3gL.js";
+import "./index-D9f3AIaO.js";
+import { c as le, a as se } from "./index-CrMBqkKk.js";
+import "./index-CM9GTQIo.js";
+import { C as fe } from "./membership-CIQCEKiL.js";
+import { t as ee } from "./helper-DJe_JbKJ.js";
 import { c as H } from "./object-BYyQ0PZp.js";
 import { useDialog as xe, components as oe } from "@feedmepos/ui-library";
-import { _ as Ce } from "./ZodTextField.vue_vue_type_script_setup_true_lang-DAC-j0Ln.js";
-import { a as Re, _ as Se, b as Fe } from "./trigger-cwPN-4Ia.js";
-import { O as ke } from "./objectid-CMau7CW-.js";
+import { _ as Ce } from "./ZodTextField.vue_vue_type_script_setup_true_lang-DGDw3Too.js";
+import { a as Re, _ as Se, b as Fe } from "./trigger-CKj1X6zs.js";
+import { O as ke } from "./objectid-CAdRRoFu.js";
 import { c as $e } from "./string-Gcy5IM_H.js";
-import { r as pe } from "./index-BN-FP9kx.js";
-import { u as Pe } from "./business-jn-_l48y.js";
+import { r as pe } from "./index-CWR2s6Nt.js";
+import { u as Pe } from "./business-BonuheMK.js";
 const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Te = { class: "flex-1" }, Ue = { class: "flex items-center gap-8" }, Ae = { class: "fm-typo-en-title-sm-800" }, Le = { class: "flex gap-8 items-center" }, Ee = { class: "space-y-4 hidden xs:!block border-b border-fm-color-neutral-gray-100 px-16 flex-1 pb-24" }, Be = { class: "flex items-center justify-between" }, Oe = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, je = { class: "flex-1 space-y-4" }, De = { class: "fm-typo-en-body-lg-600" }, Ge = /* @__PURE__ */ q({
   __name: "ReferralRewadGroupCard",
   props: {
@@ -739,7 +740,7 @@ const nr = { class: "flex flex-col space-y-16 mt-24" }, lr = { class: "flex just
 }), mr = { class: "fm-typo-en-title-sm-600" }, fr = { class: "grid grid-cols-4 xs:grid-cols-1 gap-4 divide-x xs:divide-x-0" }, pr = { class: "flex gap-x-8" }, hr = { class: "fm-typo-body-lg-600 flex items-center gap-x-4" }, vr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _r = { class: "mb-40" }, gr = {
   key: 0,
   class: "flex flex-col items-center justify-center gap-y-16 p-24"
-}, wr = { class: "flex flex-col gap-16 text-center" }, yr = { class: "fm-typo-en-title-sm-800" }, br = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, qr = /* @__PURE__ */ q({
+}, wr = { class: "flex flex-col gap-16 text-center" }, yr = { class: "fm-typo-en-title-sm-800" }, br = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Kr = /* @__PURE__ */ q({
   __name: "Overview",
   setup(k) {
     const { t: l } = Z(), { minor: I } = ue, p = Pe(), g = Q(), { confirmUpdateReferralRecord: f, updateReferralRecord: s } = he(), u = G(() => {
@@ -1075,5 +1076,5 @@ const nr = { class: "flex flex-col space-y-16 mt-24" }, lr = { class: "flex just
   }
 });
 export {
-  qr as default
+  Kr as default
 };