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

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-B1SC1rr7.js

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