@feedmepos/mf-connect 0.0.3-beta.0

package/dist/ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js

@@ -0,0 +1,97 @@
+import { defineComponent as C, ref as F, computed as g, resolveComponent as s, openBlock as u, createBlock as m, unref as d, withCtx as c, createVNode as p, normalizeClass as i, createCommentVNode as V, createElementVNode as k, toDisplayString as b, renderSlot as q, createElementBlock as S, Fragment as I, renderList as M } from "vue";
+const B = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, z = /* @__PURE__ */ C({
+  __name: "ChipMenu",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !1
+    },
+    label: {
+      type: String,
+      required: !0
+    },
+    showItemLabel: {
+      type: Boolean,
+      default: !1
+    },
+    placement: {
+      type: String,
+      required: !1,
+      default: "bottom-end"
+    },
+    class: {
+      type: String,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    items: {
+      type: Array,
+      required: !1
+    },
+    icon: {
+      type: String,
+      required: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(a, { emit: f }) {
+    const e = a, v = f, r = F(!1), y = g(
+      () => {
+        var n, t;
+        return (t = (n = e.items) == null ? void 0 : n.find((o) => o.value === e.modelValue)) == null ? void 0 : t.label;
+      }
+    );
+    return (n, t) => {
+      const o = s("FmIcon"), _ = s("FmChip"), h = s("FmMenuItem"), w = s("FmMenu");
+      return u(), m(w, {
+        placement: a.placement || "bottom-end",
+        disabled: a.disabled == !0,
+        "model-value": d(r),
+        onMenuChanged: t[0] || (t[0] = (l) => r.value = l)
+      }, {
+        "menu-button": c(() => [
+          p(_, {
+            label: e.label,
+            class: i(e.class || "text-fm-color-neutral-gray-400 cursor-pointer")
+          }, {
+            default: c(() => [
+              e.icon ? (u(), m(o, {
+                key: 0,
+                name: e.icon,
+                class: i(e.class),
+                outline: "",
+                size: "sm"
+              }, null, 8, ["name", "class"])) : V("", !0),
+              k("div", B, b(e.label) + " " + b(a.showItemLabel ? d(y) : ""), 1),
+              p(o, {
+                name: d(r) ? "keyboard_arrow_up" : "keyboard_arrow_down",
+                class: i(e.class),
+                outline: "",
+                size: "sm"
+              }, null, 8, ["name", "class"])
+            ]),
+            _: 1
+          }, 8, ["label", "class"])
+        ]),
+        default: c(() => [
+          q(n.$slots, "default", {}, () => [
+            (u(!0), S(I, null, M(e.items ?? [], (l) => (u(), m(h, {
+              key: l.value,
+              value: l.value,
+              label: l.label,
+              "model-value": e.modelValue === l.value,
+              "onUpdate:modelValue": (x) => v("update:model-value", l.value)
+            }, null, 8, ["value", "label", "model-value", "onUpdate:modelValue"]))), 128))
+          ])
+        ]),
+        _: 3
+      }, 8, ["placement", "disabled", "model-value"]);
+    };
+  }
+});
+export {
+  z as _
+};

package/dist/Collections-CmIFQQxo.js

@@ -0,0 +1,437 @@
+var ee = Object.defineProperty;
+var oe = (v, r, p) => r in v ? ee(v, r, { enumerable: !0, configurable: !0, writable: !0, value: p }) : v[r] = p;
+var D = (v, r, p) => oe(v, typeof r != "symbol" ? r + "" : r, p);
+import { defineComponent as z, ref as g, computed as Y, watch as O, resolveComponent as m, openBlock as C, createBlock as L, unref as e, isRef as M, withCtx as I, createElementVNode as h, createVNode as i, createElementBlock as S, Fragment as U, renderList as te, createCommentVNode as _, h as T } from "vue";
+import { h as $ } from "./moment-BWErdI6_.js";
+import { u as ae, R as le } from "./app-DRUbn5GO.js";
+import { components as ne } from "@feedmepos/ui-library";
+import "./index-y3taWZm8.js";
+import { u as j } from "./loading-Dy-VtOFu.js";
+import { useRoute as G } from "vue-router";
+import { c as N } from "./index-BZbepUcT.js";
+import { l as se } from "./lodash-BnddClG8.js";
+import { u as A, w as re } from "./xlsx-CxXT5AXI.js";
+import { m as ie } from "./index-ChAaKnz9.js";
+import { o as de } from "./objectId-dwaoBfJX.js";
+const ue = /* @__PURE__ */ h("div", { class: "fm-typo-en-body-lg-600" }, "Code type", -1), ce = { class: "space-y-16" }, me = /* @__PURE__ */ h("div", { class: "fm-typo-en-body-lg-600" }, "Settings", -1), pe = { class: "gap-16 grid grid-cols-2" }, fe = { class: "flex items-center gap-8" }, ge = /* @__PURE__ */ z({
+  __name: "CreateCollectionSheet",
+  emits: ["success"],
+  setup(v, { expose: r, emit: p }) {
+    const { minor: V } = j, k = G(), R = g(), w = g(!1), B = p, s = g(!1);
+    function y(c) {
+      s.value = c, c && (l.value = {
+        quantity: 1,
+        code: "",
+        codeConfig: {
+          length: 8,
+          charset: "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
+          prefix: "",
+          suffix: "",
+          pattern: "########"
+        }
+      });
+    }
+    const l = g({
+      quantity: 1,
+      code: "",
+      codeConfig: {
+        length: 8,
+        charset: "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
+        prefix: "",
+        suffix: "",
+        pattern: "########"
+      }
+    }), P = [
+      {
+        label: "Bulk codes",
+        value: "bulk",
+        sublabel: "Bulk generate unique codes"
+      },
+      {
+        label: "Custom code",
+        value: "single",
+        sublabel: "Enter your own custom codes"
+      }
+    ], n = [
+      {
+        label: "Alphanumeric",
+        value: "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
+      },
+      {
+        label: "Alphabetic",
+        value: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
+      },
+      { label: "Alphabetic Lowercase", value: "abcdefghijklmnopqrstuvwxyz" },
+      { label: "Alphabetic Uppercase", value: "ABCDEFGHIJKLMNOPQRSTUVWXYZ" },
+      { label: "Numbers", value: "0123456789" },
+      { label: "Custom", value: "" }
+    ], a = g(n[0].value), u = g("bulk"), d = g(!1), x = Y(() => k.params.id);
+    async function f(c) {
+      var o;
+      await ((o = R.value) == null ? void 0 : o.validateInputs()), w.value && await V(
+        async () => {
+          await N.createCollectionByCampaignId(x.value, c), await B("success");
+        },
+        {
+          message: "Creating claim(s)",
+          successMessage: "Claim(s) created"
+        }
+      );
+    }
+    return r({
+      showSheet: y
+    }), O(
+      () => l.value.codeConfig.length,
+      (c, o) => {
+        c != o && (l.value.codeConfig.pattern = "#".repeat(Number(c)));
+      }
+    ), (c, o) => {
+      const E = m("FmRadio"), H = m("FmRadioGroup"), K = m("FmSwitch"), Q = m("FmStepperField"), W = m("FmSelect"), F = m("FmTextField"), J = m("FmTextarea"), X = m("FmForm"), q = m("FmButton"), Z = m("FmSideSheet");
+      return C(), L(Z, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Create collection",
+        modelValue: e(s),
+        "onUpdate:modelValue": [
+          o[14] || (o[14] = (t) => M(s) ? s.value = t : null),
+          o[15] || (o[15] = (t) => s.value = t)
+        ]
+      }, {
+        "side-sheet-footer": I(() => [
+          h("div", fe, [
+            i(q, {
+              label: "Save",
+              onClick: o[12] || (o[12] = (t) => f(e(l))),
+              loading: e(ae)().isLoading
+            }, null, 8, ["loading"]),
+            i(q, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: o[13] || (o[13] = (t) => s.value = !1)
+            })
+          ])
+        ]),
+        default: I(() => [
+          i(X, {
+            ref_key: "form",
+            ref: R,
+            class: "space-y-40",
+            onValidationSuccess: o[10] || (o[10] = (t) => w.value = !0),
+            onValidationFailed: o[11] || (o[11] = (t) => w.value = !1)
+          }, {
+            default: I(() => [
+              h("div", null, [
+                ue,
+                i(H, {
+                  modelValue: e(u),
+                  "onUpdate:modelValue": o[0] || (o[0] = (t) => M(u) ? u.value = t : null),
+                  inline: !1
+                }, {
+                  default: I(() => [
+                    (C(), S(U, null, te(P, (t) => i(E, {
+                      key: t.value,
+                      value: t.value,
+                      label: t.label,
+                      sublabel: t.sublabel
+                    }, null, 8, ["value", "label", "sublabel"])), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              h("div", ce, [
+                me,
+                e(u) === "bulk" ? (C(), S(U, { key: 0 }, [
+                  i(K, {
+                    "model-value": e(d),
+                    "label-placement": "right",
+                    value: "true",
+                    label: "Advance code setting",
+                    required: !0,
+                    "onUpdate:modelValue": o[1] || (o[1] = () => d.value = !e(d))
+                  }, null, 8, ["model-value"]),
+                  e(d) ? (C(), S(U, { key: 0 }, [
+                    i(Q, {
+                      modelValue: e(l).codeConfig.length,
+                      "onUpdate:modelValue": o[2] || (o[2] = (t) => e(l).codeConfig.length = t),
+                      label: "Code length",
+                      rules: [(t) => Number(t) >= 1 || "Code length must at least 1"],
+                      required: !0
+                    }, null, 8, ["modelValue", "rules"]),
+                    i(W, {
+                      label: "Charset",
+                      "model-value": e(a),
+                      items: n,
+                      "helper-text": e(l).codeConfig.charset.length > 62 ? `${e(l).codeConfig.charset.substring(0, 62)}...` : e(l).codeConfig.charset,
+                      "onUpdate:modelValue": o[3] || (o[3] = (t) => {
+                        a.value = t, e(l).codeConfig.charset = t;
+                      })
+                    }, null, 8, ["model-value", "helper-text"]),
+                    e(a) === "" ? (C(), L(F, {
+                      key: 0,
+                      modelValue: e(l).codeConfig.charset,
+                      "onUpdate:modelValue": o[4] || (o[4] = (t) => e(l).codeConfig.charset = t),
+                      label: "Custom Charset",
+                      required: ""
+                    }, null, 8, ["modelValue"])) : _("", !0),
+                    h("div", pe, [
+                      i(F, {
+                        modelValue: e(l).codeConfig.prefix,
+                        "onUpdate:modelValue": o[5] || (o[5] = (t) => e(l).codeConfig.prefix = t),
+                        label: "Prefix (Optional)"
+                      }, null, 8, ["modelValue"]),
+                      i(F, {
+                        modelValue: e(l).codeConfig.suffix,
+                        "onUpdate:modelValue": o[6] || (o[6] = (t) => e(l).codeConfig.suffix = t),
+                        label: "Suffix (Optional)"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    i(F, {
+                      modelValue: e(l).codeConfig.pattern,
+                      "onUpdate:modelValue": o[7] || (o[7] = (t) => e(l).codeConfig.pattern = t),
+                      label: "Pattern",
+                      required: !0
+                    }, null, 8, ["modelValue"])
+                  ], 64)) : _("", !0),
+                  i(F, {
+                    modelValue: e(l).quantity,
+                    "onUpdate:modelValue": o[8] || (o[8] = (t) => e(l).quantity = t),
+                    label: "Number of code",
+                    rules: [
+                      (t) => t >= 1 || "Quantity cannot be less than 1",
+                      (t) => t <= 1e4 || "Quantity cannot more than 10,000"
+                    ],
+                    required: !0,
+                    "helper-text": `${e(l).quantity} claim will be created`
+                  }, null, 8, ["modelValue", "rules", "helper-text"])
+                ], 64)) : _("", !0),
+                e(u) !== "bulk" ? (C(), L(J, {
+                  key: 1,
+                  modelValue: e(l).code,
+                  "onUpdate:modelValue": o[9] || (o[9] = (t) => e(l).code = t),
+                  label: "Custom Code",
+                  rules: [(t) => e(u) != "single" || !!t || "Custom code is required"],
+                  placeholder: "(For multiple codes, please enter in the new row.)"
+                }, null, 8, ["modelValue", "rules"])) : _("", !0)
+              ])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+class be {
+  constructor() {
+    D(this, "data", []);
+  }
+  addRecord(r) {
+    this.data.push(r);
+  }
+  buildExcel() {
+    const r = A.book_new(), p = A.json_to_sheet(this.data);
+    return A.book_append_sheet(r, p, "Collection"), r;
+  }
+}
+const b = {
+  sortBy: "_id",
+  descending: !1,
+  rowsPerPage: 1e3,
+  page: 1,
+  rowsNumber: 0
+}, he = { class: "px-24 flex flex-col gap-y-32 pb-24" }, ve = { class: "flex items-center justify-end py-4 xs:hidden" }, Ce = {
+  key: 0,
+  class: "w-full flex flex-col gap-16 items-center pt-16"
+}, ye = /* @__PURE__ */ h("div", { class: "fm-typo-en-body-lg-600" }, "No data found", -1), xe = /* @__PURE__ */ h("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " No data to show at the current moment. ", -1), Ve = [
+  ye,
+  xe
+], Te = /* @__PURE__ */ z({
+  __name: "Collections",
+  setup(v) {
+    const r = G(), p = g(), V = Y(() => r.params.id), k = g(!1), { custom: R } = j, w = [
+      {
+        header: "ID/Code",
+        accessorFn: (n) => n.code || n._id
+      },
+      {
+        header: "User",
+        accessorKey: "user",
+        enableSorting: !1,
+        cell(n) {
+          const a = n.row.original.pf_user;
+          return T(
+            "div",
+            {
+              class: "flex items-center gap-x-8"
+            },
+            [
+              T(ne.FmAvatar, {
+                name: a != null && a.photoUrl || a == null ? void 0 : a.name,
+                src: (a == null ? void 0 : a.photoUrl) ?? void 0,
+                size: "sm"
+              }),
+              T("span", a == null ? void 0 : a.name)
+            ]
+          );
+        }
+      },
+      {
+        header: "Phone",
+        accessorFn: (n) => {
+          var a;
+          return ((a = n.pf_user) == null ? void 0 : a.phoneNumber) || "-";
+        }
+      },
+      {
+        header: "Balance",
+        accessorKey: "balance"
+      },
+      {
+        header: "Created at",
+        accessorKey: "_id",
+        accessorFn: (n) => $(de(n._id.toString())).format("DD MMM YYYY")
+      },
+      {
+        header: "Nearest expired at",
+        accessorFn: (n) => {
+          var a;
+          return n.expiryBalance && n.expiryBalance.length ? $((a = n.expiryBalance) == null ? void 0 : a[0].expiredAt).format("DD MMM YYYY") : "Never expires";
+        }
+      }
+    ], B = async (n) => {
+      y.value = [], s.value.isLoading = !0;
+      const u = {
+        "mf-connect-STORE_REWARD_COLLECTIONS": ie.readCollectionsByRewardId,
+        "mf-connect-CAMPAIGN_VOUCHER_COLLECTIONS": N.readCollectionsByCampaignId
+      }[r.name], d = await u(V.value, {
+        limit: n.pageSize,
+        skip: n.pageIndex ?? 0,
+        sortBy: "_id",
+        search: s.value.searchValue,
+        descending: !0
+      });
+      y.value = d.resources, s.value.totalRows = d.meta.totalResources ?? 0, s.value.pageCount = d.meta.totalPages ?? 0, s.value.isLoading = !1;
+    }, s = g({
+      searchValue: "",
+      pageSize: 10,
+      pageCount: 0,
+      pageIndex: 0,
+      totalRows: 0,
+      isLoading: !1
+    }), y = g([]);
+    async function l() {
+      var n;
+      await B({ pageSize: 10, pageIndex: 0 }), (n = p.value) == null || n.showSheet(!1);
+    }
+    async function P() {
+      k.value || R(
+        async () => {
+          var d;
+          const n = new be(), a = (await N.readCollectionsByCampaignId(V.value, {
+            limit: 1,
+            skip: 0,
+            sortBy: b.sortBy,
+            descending: b.descending
+          })).meta.totalResources ?? 0, u = b.rowsPerPage;
+          for (let x = 0; x < a; x += u) {
+            const f = {
+              ...b,
+              limit: u,
+              skip: (b.page - 1) * b.rowsPerPage,
+              sortBy: b.sortBy,
+              descending: b.descending
+            }, c = await N.readCollectionsByCampaignId(
+              V.value,
+              f
+            );
+            for await (const o of c.resources) {
+              const E = {
+                Id: (o == null ? void 0 : o.code) || ((d = o._id) == null ? void 0 : d.toString()) || ""
+              };
+              n.addRecord(E);
+            }
+            b.page++;
+          }
+          await re(
+            n.buildExcel(),
+            `members-${(/* @__PURE__ */ new Date()).toISOString()}.xlsx`,
+            {
+              bookType: "xlsx",
+              bookSST: !1,
+              type: "array"
+            }
+          ), b.page = 1;
+        },
+        {
+          isLoading: k
+        }
+      );
+    }
+    return O(
+      () => s.value.searchValue,
+      se.debounce(async () => {
+        await l();
+      }, 500)
+    ), (n, a) => {
+      const u = m("FmPageHead"), d = m("FmSearch"), x = m("FmTable");
+      return C(), S(U, null, [
+        i(u, {
+          title: "Collections",
+          "back-button": !0,
+          actions: [
+            { label: "Export", value: "export", isPrimary: !1 },
+            {
+              label: "Create collection",
+              value: "create",
+              isPrimary: !0
+            }
+          ],
+          "onClick:back": a[0] || (a[0] = (f) => e(le).back()),
+          "onClick:action": a[1] || (a[1] = (f) => {
+            var c;
+            f === "create" && ((c = e(p)) == null || c.showSheet(!0)), f === "export" && P();
+          })
+        }),
+        h("div", he, [
+          i(d, {
+            class: "hidden xs:flex border-b border-fm-color-neutral-gray-100",
+            modelValue: e(s).searchValue,
+            "onUpdate:modelValue": a[2] || (a[2] = (f) => e(s).searchValue = f),
+            placeholder: "Search Table",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          h("div", ve, [
+            i(d, {
+              modelValue: e(s).searchValue,
+              "onUpdate:modelValue": a[3] || (a[3] = (f) => e(s).searchValue = f),
+              placeholder: "Search Table",
+              collapsible: ""
+            }, null, 8, ["modelValue"])
+          ]),
+          i(x, {
+            loading: e(s).isLoading,
+            "row-data": e(y),
+            "column-defs": w,
+            "row-count": e(s).totalRows,
+            "page-count": e(s).pageCount,
+            "hide-footer": e(s).totalRows < 10,
+            "fetch-fn": B,
+            "shrink-at": !1,
+            "page-size": e(s).pageSize
+          }, null, 8, ["loading", "row-data", "row-count", "page-count", "hide-footer", "page-size"]),
+          e(y).length == 0 && e(s).isLoading == !1 ? (C(), S("div", Ce, Ve)) : _("", !0),
+          i(ge, {
+            ref_key: "sheetRef",
+            ref: p,
+            onSuccess: l
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Te as default
+};