@feedmepos/mf-connect 0.0.6 → 0.0.8

package/dist/{Transaction-BCa3ObND.js → Transaction-DdfX7Xfe.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, ref as d, resolveComponent as n, openBlock as t, createElementBlock as f, Fragment as v, createVNode as c, createElementVNode as b, unref as a, createBlock as s, resolveDynamicComponent as m, createCommentVNode as k } from "vue";
-import { _ as x, a as C } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-Bdo4vZkG.js";
+import { _ as x, a as C } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-BAyotuXd.js";
 const F = { class: "px-24 flex flex-col gap-y-32 pb-24" }, B = /* @__PURE__ */ p({
   __name: "Transaction",
   setup(T) {

package/dist/Voucher-DarXrxZr.js

@@ -0,0 +1,454 @@
+import { defineComponent as N, ref as g, watch as T, onMounted as D, resolveComponent as p, openBlock as _, createBlock as U, unref as o, isRef as H, withCtx as V, createElementVNode as l, createVNode as r, toDisplayString as I, computed as Q, createElementBlock as B, Fragment as A, renderList as W, resolveDynamicComponent as Z, h as y } from "vue";
+import { _ as Y } from "./campaign-CpzFl8Vr.js";
+import { useDialog as ee, components as x } from "@feedmepos/ui-library";
+import { p as j, c as ae } from "./plugins-B_d-WFtN.js";
+import { useCoreStore as oe } from "@feedmepos/mf-common";
+import { u as q } from "./loading-Cxp7sI5p.js";
+import { u as te, J as ne, a as se, R as le } from "./app-CxBTTB31.js";
+import { u as ie } from "./campaign-B0aXkadj.js";
+import { g as K, b as z } from "./dto-BtdVC-Ab.js";
+import { u as re } from "./template-qlb46PGl.js";
+import { _ as ce } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-BsbgHsah.js";
+import { _ as ue } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { l as me } from "./lodash-DsT1nK-T.js";
+import { m as de } from "./index-Dg-PMgXV.js";
+import { c as S } from "./index-BTntbYTS.js";
+import { useRouter as pe } from "vue-router";
+const fe = { class: "space-y-16" }, he = { class: "fm-typo-en-body-md-600" }, ge = { class: "flex items-center justify-end" }, ye = { class: "flex items-center gap-8" }, ve = /* @__PURE__ */ N({
+  __name: "SendVoucherSheet",
+  emits: ["success"],
+  setup(X, { expose: L, emit: F }) {
+    const { minor: M } = q, k = g(""), i = g({}), P = F, f = g(!1), u = g([]);
+    function m(e) {
+      f.value = !0, k.value = e.campaignId, u.value = [];
+    }
+    function v() {
+      f.value = !1;
+    }
+    const $ = [
+      {
+        header: "Name",
+        accessorFn: (e) => e.name || "No Profile"
+      },
+      {
+        header: "Phone",
+        accessorFn: (e) => e.phoneNumber || "-"
+      }
+    ], s = g({
+      searchValue: "",
+      pageSize: 10,
+      pageCount: 0,
+      pageIndex: 0,
+      totalRows: 0,
+      isLoading: !1
+    }), d = g([]), b = async (e) => {
+      s.value.isLoading = !0, d.value = [];
+      const a = await de.read({
+        limit: e.pageSize,
+        skip: e.pageIndex,
+        sortBy: "_id",
+        search: s.value.searchValue,
+        descending: !1
+      });
+      d.value = a.resources, s.value.totalRows = a.meta.totalResources ?? 0, s.value.pageCount = a.meta.totalPages ?? 0, s.value.isLoading = !1, i.value = {}, u.value.forEach((t) => {
+        const c = d.value.findIndex((C) => C._id == t);
+        c > -1 && (console.log(c, "fetch member index"), i.value[c] = !0);
+      });
+    };
+    function w() {
+      d.value.length > 0 && (u.value = u.value.filter(
+        (e) => !d.value.some((a) => a._id === e) || // Keep if not in current page
+        Object.entries(i.value).some(
+          ([a, t]) => t && d.value[a]._id === e
+          // Keep if selected in current page
+        )
+      ));
+      for (const [e, a] of Object.entries(i.value))
+        if (a) {
+          const t = d.value[e]._id;
+          u.value.includes(t) || u.value.push(t);
+        }
+    }
+    async function E(e) {
+      u.value.length < 1 || await M(
+        async () => {
+          await S.sendCollection(k.value, {
+            memberId: u.value
+          }), await P("success"), v();
+        },
+        {
+          message: "Sending claim(s)",
+          successMessage: "Claim(s) created"
+        }
+      );
+    }
+    return T(i, w, { deep: !0 }), T(
+      () => s.value.searchValue,
+      me.debounce(async () => {
+        await b({ pageSize: 10, pageIndex: 0 });
+      }, 500)
+    ), L({
+      showSheet: m,
+      hideSheet: v
+    }), D(async () => {
+      await b(s.value);
+    }), (e, a) => {
+      const t = p("FmSearch"), c = p("FmTable"), C = p("FmButton"), R = p("FmSideSheet");
+      return _(), U(R, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Send voucher to",
+        modelValue: o(f),
+        "onUpdate:modelValue": [
+          a[3] || (a[3] = (h) => H(f) ? f.value = h : null),
+          a[4] || (a[4] = (h) => f.value = h)
+        ]
+      }, {
+        "side-sheet-footer": V(() => [
+          l("div", ye, [
+            r(C, {
+              label: "Send",
+              loading: o(te)().isLoading,
+              onClick: E
+            }, null, 8, ["loading"]),
+            r(C, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: a[2] || (a[2] = (h) => f.value = !1)
+            })
+          ])
+        ]),
+        default: V(() => [
+          r(ne, { json: o(u) }, null, 8, ["json"]),
+          l("div", fe, [
+            l("div", he, I(o(u).length) + " members selected ", 1),
+            l("div", ge, [
+              r(t, {
+                class: "mt-4",
+                modelValue: o(s).searchValue,
+                "onUpdate:modelValue": a[0] || (a[0] = (h) => o(s).searchValue = h),
+                placeholder: "Search Member",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            r(c, {
+              modelValue: o(i),
+              "onUpdate:modelValue": a[1] || (a[1] = (h) => H(i) ? i.value = h : null),
+              class: "xs:hidden",
+              selection: "multiple",
+              loading: o(s).isLoading,
+              "row-data": o(d),
+              "column-defs": $,
+              "page-size": o(s).pageSize,
+              "page-count": o(s).pageCount,
+              "hide-footer": o(s).totalRows <= o(s).pageSize,
+              "fetch-fn": b
+            }, null, 8, ["modelValue", "loading", "row-data", "page-size", "page-count", "hide-footer"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+var _e = { 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", marketingV1Portal: "https://marketing-v1.feedmedev.cc" };
+const be = { 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" }, Se = { class: "flex w-full gap-4 items-center" }, Ve = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fe = { class: "space-y-4" }, ke = { class: "fm-typo-en-body-lg-600" }, Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ue = /* @__PURE__ */ l("img", {
+  src: Y,
+  class: "aspect-square w-[150px]"
+}, null, -1), Ie = /* @__PURE__ */ l("div", { class: "flex flex-col gap-16 text-center" }, [
+  /* @__PURE__ */ l("div", { class: "fm-typo-en-title-sm-800" }, "Create voucher campaign"),
+  /* @__PURE__ */ l("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " A digital coupon that users can redeem for discounts on future purchases. Users usually need to claim and apply the voucher to benefit from the discount. ")
+], -1), Xe = /* @__PURE__ */ N({
+  __name: "Voucher",
+  setup(X) {
+    const L = {
+      label: "Create campaign",
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, F = ee(), M = re("VOUCHER", F), k = se(), i = ie(), { global: P, minor: f } = q, u = pe(), m = g({
+      searchKey: "",
+      location: null
+    }), v = Q(
+      () => i.campaigns.voucher.filter(
+        (e) => !m.value.location || !e.targetLocation || e.targetLocation.includes(m.value.location)
+      )
+    ), $ = [
+      {
+        header: "Voucher title",
+        accessorFn: (e) => e.name
+      },
+      {
+        header: "Status",
+        cell(e) {
+          return K(e.row.original);
+        }
+      },
+      {
+        header: "Summary",
+        accessorFn: (e) => z(e)
+      },
+      {
+        header: "Quota",
+        accessorFn: (e) => {
+          var a;
+          return ((a = e.pf_collectible) == null ? void 0 : a.options.maxReceive) ?? "Unlimited";
+        }
+      },
+      {
+        header: "Claimed",
+        accessorFn: (e) => {
+          var a;
+          return ((a = e == null ? void 0 : e.pf_collectible) == null ? void 0 : a.currentReceive) ?? 0;
+        }
+      },
+      {
+        header: "Actions",
+        cell(e) {
+          return y("div", { class: "flex items-center justify-end" }, [
+            y(x.FmButton, {
+              icon: "visibility",
+              variant: "tertiary",
+              iconColor: "neutral-gray-400",
+              onClick: async (a) => {
+                a.stopPropagation(), await u.push({
+                  name: le["$connect-CAMPAIGN_VOUCHER_COLLECTIONS"],
+                  params: { id: e.row.original._id }
+                });
+              }
+            }),
+            y(
+              x.FmMenu,
+              {
+                placement: "bottom-end",
+                onClick: (a) => {
+                  a.stopPropagation();
+                }
+              },
+              {
+                "menu-button": () => y(x.FmButton, {
+                  icon: "more_vert",
+                  iconColor: "neutral-gray-400",
+                  variant: "tertiary"
+                }),
+                default: () => {
+                  const a = [
+                    y(
+                      x.FmMenuItem,
+                      {
+                        onClick: async (t) => {
+                          t.stopPropagation(), b(e.row.original);
+                        }
+                      },
+                      {
+                        label: y(
+                          "div",
+                          {
+                            class: "text-fm-color-typo-error fm-typo-en-body-md-400"
+                          },
+                          "Remove"
+                        )
+                      }
+                    )
+                  ];
+                  return e.row.original.event.type === "SIMPLE_CLAIM" && (a.unshift(
+                    y(x.FmMenuItem, {
+                      label: "Send",
+                      onClick: async (t) => {
+                        var c;
+                        t.stopPropagation(), (c = d.value) == null || c.showSheet({
+                          campaignId: e.row.original._id
+                        });
+                      }
+                    })
+                  ), a.unshift(
+                    y(x.FmMenuItem, {
+                      label: "Share",
+                      onClick: async (t) => {
+                        if (t.stopPropagation(), e.row.original.event.type !== "SIMPLE_CLAIM")
+                          return await j.confirm(
+                            "Cannot share a voucher that is not a simple claim.",
+                            "Share Voucher",
+                            "OK"
+                          );
+                        await ae(
+                          `https://${oe().currentBusiness.value._id}.${_e.appUrl}/vouchers/${e.row.original._id}`,
+                          {
+                            successMessage: "Voucher link copied to clipboard"
+                          }
+                        );
+                      }
+                    })
+                  )), a;
+                }
+              }
+            )
+          ]);
+        }
+      }
+    ], s = g(), d = g();
+    async function b(e) {
+      await j.remove(`Are you sure you want to remove ${e.name}?`) && await f(
+        async () => {
+          await S.delete(e._id), await i.read("VOUCHER");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function w(e) {
+      e ? await a() : M.open(async (t) => {
+        await a(t);
+      });
+      async function a(t) {
+        var c;
+        (c = s.value) == null || c.showSheet(
+          !0,
+          "VOUCHER",
+          e ? await S.readById(e._id) : void 0,
+          t
+        );
+      }
+    }
+    async function E(e) {
+      e.campaign._id && await new Promise((a) => {
+        F.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 t;
+          e.updateCollections = !0, (t = window.top) == null || t.postMessage("updateAllVoucher", "*"), a();
+        }).onSecondary(async () => {
+          a();
+        });
+      }), await f(
+        async () => {
+          e.campaign._id ? await S.update(e.campaign._id, e) : await S.create(e), await i.read("VOUCHER");
+        },
+        {
+          message: `${e.campaign._id ? "Updating" : "Creating"} voucher`,
+          successMessage: `Voucher ${e.campaign._id ? "updated" : "created"} successfully`
+        }
+      );
+    }
+    return D(async () => {
+      await P(async () => {
+        await i.read("VOUCHER");
+      });
+    }), (e, a) => {
+      const t = p("FmPageHead"), c = p("FmSearch"), C = p("FmTable"), R = p("FmButton"), h = p("FmListItem"), G = p("FmList"), J = p("FmCard");
+      return _(), B(A, null, [
+        r(t, {
+          title: "Voucher",
+          actions: o(v).length > 0 ? [L] : [],
+          "onClick:action": a[0] || (a[0] = () => w())
+        }, null, 8, ["actions"]),
+        l("div", be, [
+          r(c, {
+            modelValue: o(m).searchKey,
+            "onUpdate:modelValue": a[1] || (a[1] = (n) => o(m).searchKey = n),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: "search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          o(i).campaigns.voucher && o(i).campaigns.voucher.length > 0 ? (_(), B(A, { key: 0 }, [
+            l("div", we, [
+              l("div", Ce, [
+                r(ue, {
+                  modelValue: o(m).location,
+                  "onUpdate:modelValue": a[2] || (a[2] = (n) => o(m).location = n),
+                  label: "Location: ",
+                  "show-item-label": !0,
+                  icon: "storefront",
+                  placement: "bottom-start",
+                  items: o(k).locationItems
+                }, null, 8, ["modelValue", "items"])
+              ]),
+              r(c, {
+                modelValue: o(m).searchKey,
+                "onUpdate:modelValue": a[3] || (a[3] = (n) => o(m).searchKey = n),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            r(C, {
+              class: "xs:hidden",
+              "row-data": o(v),
+              "column-defs": $,
+              "search-value": o(m).searchKey,
+              "column-filter": [],
+              onRowClick: a[4] || (a[4] = (n) => w(n.original)),
+              "hide-footer": o(v).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            r(G, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: V(() => [
+                (_(!0), B(A, null, W(o(v).filter(
+                  (n) => n.name.toLowerCase().includes(o(m).searchKey.toLowerCase())
+                ), (n) => (_(), U(h, {
+                  key: n._id.toString(),
+                  onClick: (O) => w(n),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: V(() => [
+                    l("div", xe, [
+                      l("div", Se, [
+                        (_(), U(Z(o(K)(n)))),
+                        l("div", Ve, I(n.currentReceive ?? 0) + " used ", 1)
+                      ]),
+                      l("div", Fe, [
+                        l("div", ke, I(n.name), 1),
+                        l("div", Re, I(o(z)(n)), 1)
+                      ])
+                    ]),
+                    r(R, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (O) => (O.stopPropagation(), b(n))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (_(), U(J, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: V(() => [
+              Ue,
+              Ie,
+              r(R, {
+                variant: "primary",
+                label: "Create voucher campaign",
+                icon: "add",
+                onClick: a[5] || (a[5] = (n) => w())
+              })
+            ]),
+            _: 1
+          })),
+          r(ce, {
+            ref_key: "sheetRef",
+            ref: s,
+            "onSubmit:modelValue": E
+          }, null, 512),
+          r(ve, {
+            ref_key: "sendVoucherSheetRef",
+            ref: d
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Xe as default
+};