@feedmepos/mf-connect 0.0.8 → 0.0.9

package/dist/StoreTransactions.vue_vue_type_script_setup_true_lang-BAyotuXd.js

@@ -1,660 +0,0 @@
-import { defineComponent as O, ref as I, computed as M, onMounted as A, resolveComponent as _, openBlock as x, createBlock as V, unref as e, withCtx as k, createVNode as g, normalizeClass as T, createCommentVNode as Z, createElementVNode as C, toDisplayString as z, createElementBlock as P, Fragment as ee, renderList as ae, mergeModels as B, useModel as te, watch as U, onBeforeMount as oe, h as d } from "vue";
-import { components as w } from "@feedmepos/ui-library";
-import { d as ne } from "./index-DDSLx7vu.js";
-import { c as q } from "./plugins-B_d-WFtN.js";
-import { s as re } from "./index-Dbd4WA4r.js";
-import { h as b } from "./moment-BWErdI6_.js";
-import { s as L } from "./index-CuvNtC_M.js";
-import { f as le } from "./number-BBtf4fYz.js";
-import { e as Y, j as se, S as ie, h as ce, a as ue } from "./app-CxBTTB31.js";
-import { u as K, _ as H } from "./usePagination-CX66ab1Y.js";
-import { o as G } from "./objectId-dwaoBfJX.js";
-function de(o) {
-  let l = "";
-  switch (o) {
-    case "PORTAL":
-      l = "ADMIN";
-      break;
-    case "EXPIRED":
-      l = "EXPIRED";
-      break;
-    case "BENEFIT":
-      l = "MEMBERSHIP";
-      break;
-    case "ORDER":
-      l = "ORDER";
-      break;
-    case "BILL":
-      l = "SPENDING";
-      break;
-    case "CASHBACK":
-      l = "CASHBACK";
-      break;
-    case "CYCLE":
-      l = "EXPIRED";
-      break;
-    case "COUNTER_CONSUME":
-      l = "COUNTER REDEEM";
-      break;
-    default:
-      l = o;
-      break;
-  }
-  return l;
-}
-function me(o) {
-  var l, r, p, a, i, y;
-  switch ((l = o == null ? void 0 : o.pf_collectible) == null ? void 0 : l.type) {
-    case "VOUCHER":
-      return `${(r = o.pf_collectible) == null ? void 0 : r.type} (${(p = o.pf_collectible) == null ? void 0 : p.name})`;
-    case "TITLE":
-      return `${(a = o.pf_collectible) == null ? void 0 : a.type} (${(i = o.pf_collectible) == null ? void 0 : i.name})`;
-    case "POINT":
-      return "Experience";
-    case "COIN":
-      return "Point";
-    default:
-      return re((y = o == null ? void 0 : o.pf_collectible) == null ? void 0 : y.type);
-  }
-}
-function pe(o) {
-  switch (o) {
-    case "ONLINE":
-      return "Online";
-    case "COIN":
-      return "Point";
-    default:
-      return o;
-  }
-}
-const E = {
-  getReason: de,
-  formattedType: me,
-  formattedPaymentType: pe
-}, ge = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, N = /* @__PURE__ */ O({
-  __name: "FilterChip",
-  props: {
-    modelValue: {
-      type: Array,
-      required: !1
-    },
-    label: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    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: !0
-    },
-    icon: {
-      type: String,
-      required: !1
-    }
-  },
-  emits: ["update:model-value"],
-  setup(o, { emit: l }) {
-    const r = o, p = l, a = I(!1), i = I({}), y = M(() => {
-      if (!i.value || Object.keys(i.value).length == r.items.length)
-        return "All";
-      {
-        const t = Object.keys(i.value).length;
-        return `${t > 0 ? t : "None"} selected`;
-      }
-    });
-    function S(t) {
-      i.value[t] ? delete i.value[t] : i.value[t] = !0, p("update:model-value", Object.keys(i.value));
-    }
-    function v() {
-      Object.keys(i.value).length > 0 ? i.value = {} : i.value = r.items.reduce((t, s) => (t[s.value] = !0, t), {}), p("update:model-value", Object.keys(i.value));
-    }
-    return A(() => {
-      i.value = r.modelValue.reduce(
-        (t, s) => (t[s] = !0, t),
-        {}
-      ), r.modelValue.length == 0;
-    }), (t, s) => {
-      const h = _("FmIcon"), f = _("FmChip"), n = _("FmMenuItem"), c = _("FmMenu");
-      return x(), V(c, {
-        placement: o.placement || "bottom-end",
-        disabled: o.disabled == !0,
-        "model-value": e(a),
-        onMenuChanged: s[0] || (s[0] = (m) => a.value = m),
-        "close-on-click": !1
-      }, {
-        "menu-button": k(() => [
-          g(f, {
-            label: o.label,
-            class: T(r.class || "text-fm-color-neutral-gray-400 cursor-pointer")
-          }, {
-            default: k(() => [
-              r.icon ? (x(), V(h, {
-                key: 0,
-                name: r.icon,
-                class: T(r.class),
-                outline: "",
-                size: "sm"
-              }, null, 8, ["name", "class"])) : Z("", !0),
-              C("div", ge, z(r.label) + " " + z(o.showItemLabel ? e(y) : ""), 1),
-              g(h, {
-                name: e(a) ? "keyboard_arrow_up" : "keyboard_arrow_down",
-                class: T(r.class),
-                outline: "",
-                size: "sm"
-              }, null, 8, ["name", "class"])
-            ]),
-            _: 1
-          }, 8, ["label", "class"])
-        ]),
-        default: k(() => [
-          g(n, {
-            "model-value": Object.keys(e(i)).length === r.items.length,
-            label: "All",
-            "has-checkbox": !0,
-            indeterminate: !0,
-            onClick: v
-          }, null, 8, ["model-value"]),
-          (x(!0), P(ee, null, ae(r.items ?? [], (m) => (x(), V(n, {
-            key: m.value,
-            value: m.value,
-            label: m.label,
-            "has-checkbox": !0,
-            "model-value": e(i)[m.value],
-            "onUpdate:modelValue": (u) => S(m.value)
-          }, null, 8, ["value", "label", "model-value", "onUpdate:modelValue"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["placement", "disabled", "model-value"]);
-    };
-  }
-}), R = "YYYY-MM-DD", X = /* @__PURE__ */ O({
-  __name: "DateRangeChip",
-  props: /* @__PURE__ */ B({
-    modelValue: {
-      type: Object,
-      required: !0
-    }
-  }, {
-    dateRange: {
-      type: Object,
-      default: () => ({
-        startDate: b().subtract(7, "day").format(R),
-        endDate: b().endOf("day").format(R)
-      })
-    },
-    dateRangeModifiers: {}
-  }),
-  emits: /* @__PURE__ */ B(["update:model-value"], ["update:dateRange"]),
-  setup(o, { emit: l }) {
-    const r = o, p = l, a = te(o, "dateRange"), i = M(() => a.value ? `${y.value.startDate ?? "Start"} - ${y.value.endDate ?? "End"}` : "No dates selected."), y = M(() => ({
-      startDate: a.value.startDate ? b(a.value.startDate).format(R) : void 0,
-      endDate: a.value.endDate ? b(a.value.endDate).format(R) : void 0
-    }));
-    return A(() => {
-      a.value = r.modelValue;
-    }), U(
-      () => a.value,
-      () => {
-        p("update:model-value", y.value);
-      }
-    ), (S, v) => {
-      const t = _("FmChip"), s = _("FmDateRangePicker");
-      return x(), V(s, {
-        modelValue: a.value,
-        "onUpdate:modelValue": v[0] || (v[0] = (h) => a.value = h),
-        "show-predefined-range": ""
-      }, {
-        "trigger-button": k(() => [
-          g(t, {
-            label: e(i),
-            icon: "calendar_month",
-            "right-icon": "keyboard_arrow_down",
-            class: "text-fm-color-neutral-gray-400 cursor-pointer"
-          }, null, 8, ["label"])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), j = () => {
-  const o = ie.getBusinessId();
-  if (!o) throw new Error("Invalid business ID");
-  return ce(`businesses/${o}/transactions`, {
-    noIdRequired: !0
-  });
-}, J = {
-  async readAll(o, l) {
-    const r = Y(
-      await j().get("", {
-        params: { ...o, ...l }
-      })
-    );
-    return {
-      meta: r.meta,
-      resources: r.resources
-    };
-  },
-  async readStoreTransactions(o, l) {
-    const r = Y(
-      await j().get("/store", {
-        params: { ...o, ...l }
-      })
-    );
-    return {
-      meta: r.meta,
-      resources: r.resources
-    };
-  },
-  async readBills(o, l, r) {
-    return (await se("").get(`/restaurants/${o}/receipt?start=${l}&end=${r}`)).data;
-  }
-}, fe = { class: "flex items-center justify-between" }, be = { class: "flex gap-8 items-center w-full overflow-x-scroll" }, ke = /* @__PURE__ */ O({
-  __name: "CollectionTransactions",
-  props: {
-    user: {
-      type: String
-    }
-  },
-  setup(o) {
-    const l = ue(), r = o, p = [
-      {
-        header: "Transaction ID",
-        accessorKey: "_id",
-        cell(n) {
-          return d("div", { class: "flex items-center" }, [
-            d(w.FmIcon, {
-              name: "content_copy",
-              outline: !0,
-              size: "sm",
-              class: "cursor-pointer mr-4",
-              onClick: (c) => {
-                c.preventDefault(), c.stopPropagation(), q(n.row.original._id.toString());
-              }
-            }),
-            d("div", { class: "pr-2" }, n.row.original._id.toString())
-          ]);
-        },
-        enableSorting: !1
-      },
-      {
-        header: "Created at",
-        accessorKey: "_id",
-        accessorFn: (n) => b(G(n._id.toString())).format("D MMM YYYY, hh:mmA"),
-        enableSorting: !0
-      },
-      {
-        header: "Amount",
-        // accessorKey: 'totalAmount',
-        enableSorting: !1,
-        cell(n) {
-          var u, D, F, $;
-          const c = le(
-            n.row.original.expiryAmount.reduce(
-              (Q, W) => Q + W.amount,
-              n.row.original.amount ?? 0
-            ),
-            2
-          ), m = (D = (u = n.row.original.expiryAmount) == null ? void 0 : u[0]) != null && D.expiredAt ? b(($ = (F = n.row.original.expiryAmount) == null ? void 0 : F[0]) == null ? void 0 : $.expiredAt).format(
-            "D MMM YYYY"
-          ) : "";
-          return d("div", { class: "flex items-center" }, [
-            d(
-              "div",
-              {
-                class: [
-                  "pr-2",
-                  +c > 0 ? "text-fm-color-system-success-300" : "text-fm-color-system-error-300"
-                ]
-              },
-              c
-            ),
-            d("div", { class: "flex items-center" }, [
-              n.row.original.expiryAmount.length > 0 ? d(
-                w.FmTooltip,
-                {
-                  content: `Expired on ${m}`
-                },
-                [
-                  d(w.FmIcon, {
-                    name: "info",
-                    outline: !0,
-                    size: "sm"
-                  })
-                ]
-              ) : d("div")
-            ])
-          ]);
-        }
-      },
-      {
-        header: "Type",
-        accessorKey: "pf_collectible.type",
-        accessorFn: (n) => E.formattedType(n)
-      },
-      {
-        header: "Source",
-        accessorKey: "source",
-        accessorFn: (n) => L(E.getReason(n.source))
-      },
-      {
-        header: "User",
-        accessorKey: "pf_user.name",
-        accessorFn: (n) => n.pf_user.name
-      },
-      {
-        header: "Phone No.",
-        accessorKey: "pf_user.phoneNumber",
-        accessorFn: (n) => n.pf_user.phoneNumber
-      },
-      {
-        accessorFn: (n) => n.ref,
-        header: "References",
-        accessorKey: "ref",
-        cell(n) {
-          var c, m;
-          return d("div", { class: "flex items-center justify-between gap-4" }, [
-            d("div", { class: "flex items-center" }, [
-              (c = n.row.original.metadata) != null && c.remark ? d(
-                w.FmTooltip,
-                {
-                  content: (m = n.row.original.metadata) == null ? void 0 : m.remark
-                },
-                [
-                  d(w.FmIcon, {
-                    name: "info",
-                    outline: !0,
-                    size: "sm"
-                  })
-                ]
-              ) : d("div")
-            ]),
-            d("div", { class: "flex-1" }, n.row.original.ref)
-          ]);
-        }
-      }
-    ], a = I({
-      search: "",
-      "pf_collectible.type": [],
-      "metadata.location": [],
-      dateRange: {
-        startDate: b().subtract(7, "day").toISOString(),
-        endDate: b().endOf("day").toISOString()
-      },
-      source: []
-    }), { tableMeta: i, rowData: y, onSort: S, debouncedFetchData: v, onSearch: t } = K(async (n) => {
-      const c = {
-        ...a.value,
-        user: r.user,
-        dateRange: {
-          start: new Date(a.value.dateRange.startDate).toISOString(),
-          end: new Date(a.value.dateRange.endDate).toISOString()
-        }
-      }, m = await J.readAll(n, c);
-      return {
-        resources: m.resources.map((u) => {
-          const D = s.value.find((F) => F._id === u.ref);
-          return { ...u, ref: (D == null ? void 0 : D.seqNumber) || u.ref };
-        }),
-        meta: m.meta
-      };
-    }), s = I([]), h = ne.options.map((n) => ({ label: L(E.getReason(n)), value: n })), f = l.locations.map((n) => ({ label: n.name, value: n._id }));
-    return U(
-      a,
-      () => {
-        v();
-      },
-      { deep: !0 }
-    ), oe(async () => {
-      await l.readLocations(), await v();
-    }), (n, c) => {
-      const m = _("FmSearch");
-      return x(), P("div", null, [
-        g(m, {
-          class: "hidden xs:flex border-b border-fm-color-neutral-gray-100",
-          modelValue: e(a).search,
-          "onUpdate:modelValue": c[0] || (c[0] = (u) => e(a).search = u),
-          placeholder: "Search",
-          collapsible: ""
-        }, null, 8, ["modelValue"]),
-        C("div", fe, [
-          C("div", be, [
-            g(N, {
-              class: "cursor-pointer text-fm-color-neutral-gray-400",
-              "right-icon": "keyboard_arrow_down",
-              modelValue: e(a)["metadata.location"],
-              "onUpdate:modelValue": c[1] || (c[1] = (u) => e(a)["metadata.location"] = u),
-              icon: "storefront",
-              "show-item-label": !0,
-              items: e(f)
-            }, null, 8, ["modelValue", "items"]),
-            g(N, {
-              class: "cursor-pointer text-fm-color-neutral-gray-400",
-              "right-icon": "keyboard_arrow_down",
-              modelValue: e(a)["pf_collectible.type"],
-              "onUpdate:modelValue": c[2] || (c[2] = (u) => e(a)["pf_collectible.type"] = u),
-              label: "Type: ",
-              "show-item-label": !0,
-              items: [
-                { label: "Point", value: "COIN" },
-                { label: "Credit", value: "CREDIT" },
-                { label: "Voucher", value: "VOUCHER" },
-                { label: "Experience", value: "POINT" },
-                { label: "Tier", value: "TIER" },
-                { label: "Title", value: "TITLE" },
-                { label: "Game", value: "GAME" }
-              ]
-            }, null, 8, ["modelValue"]),
-            g(N, {
-              class: "cursor-pointer text-fm-color-neutral-gray-400",
-              "right-icon": "keyboard_arrow_down",
-              modelValue: e(a).source,
-              "onUpdate:modelValue": c[3] || (c[3] = (u) => e(a).source = u),
-              label: "Source: ",
-              "show-item-label": !0,
-              items: e(h)
-            }, null, 8, ["modelValue", "items"]),
-            g(X, {
-              "model-value": {
-                startDate: e(a).dateRange.startDate,
-                endDate: e(a).dateRange.endDate
-              },
-              "onUpdate:modelValue": c[4] || (c[4] = (u) => e(a).dateRange = {
-                startDate: e(b)(u.startDate).startOf("d").toISOString(),
-                endDate: e(b)(u.endDate).endOf("d").toISOString()
-              })
-            }, null, 8, ["model-value"])
-          ]),
-          g(m, {
-            class: "xs:hidden",
-            modelValue: e(a).search,
-            "onUpdate:modelValue": c[5] || (c[5] = (u) => e(a).search = u),
-            placeholder: "Search",
-            collapsible: ""
-          }, null, 8, ["modelValue"])
-        ]),
-        g(H, {
-          loading: e(i).isLoading,
-          "row-data": e(y),
-          "row-count": e(i).totalRows,
-          "column-defs": p.filter(
-            (u) => !r.user || u.header !== "User" && u.header !== "Phone No."
-          ),
-          "page-count": e(i).pageCount,
-          "page-index": e(i).pageIndex,
-          "page-size": e(i).pageSize,
-          "shrink-at": !1,
-          onSortChange: e(S),
-          onPageChange: c[6] || (c[6] = (u) => e(v)({
-            pageSize: u.pageSize,
-            pageIndex: u.pageIndex
-          }))
-        }, null, 8, ["loading", "row-data", "row-count", "column-defs", "page-count", "page-index", "page-size", "onSortChange"])
-      ]);
-    };
-  }
-}), ye = { class: "flex items-center justify-between" }, he = { class: "flex gap-8 items-center" }, Oe = /* @__PURE__ */ O({
-  __name: "StoreTransactions",
-  props: {
-    user: {
-      type: String
-    }
-  },
-  setup(o) {
-    const l = o, r = [
-      {
-        header: "Transaction ID",
-        cell(t) {
-          return d("div", { class: "flex items-center" }, [
-            d(w.FmIcon, {
-              name: "content_copy",
-              outline: !0,
-              size: "sm",
-              class: "cursor-pointer mr-4",
-              onClick: (s) => {
-                s.preventDefault(), s.stopPropagation(), q(t.row.original._id.toString());
-              }
-            }),
-            d("div", { class: "pr-2" }, t.row.original._id.toString())
-          ]);
-        }
-      },
-      {
-        header: "Created at",
-        accessorFn: (t) => b(G(t._id.toString())).format("D MMM YYYY， hh:mmA"),
-        enableSorting: !0
-      },
-      {
-        header: "Bundle",
-        accessorFn: (t) => t.bundle.name
-      },
-      {
-        header: "Location",
-        accessorFn: (t) => t.location ? t.pf_location.name : "Online Store"
-      },
-      {
-        header: "Payment Type",
-        accessorFn: (t) => {
-          var s;
-          return ((s = t.paymentType) == null ? void 0 : s.type) ?? "N/A";
-        },
-        cell(t) {
-          var s, h;
-          return d("div", { class: "flex items-center gap-4" }, [
-            d("div", { class: "flex items-center" }, [
-              ((s = t.row.original.paymentType) == null ? void 0 : s.type) == "ONLINE" && t.row.original.paymentType.extra ? d(
-                w.FmTooltip,
-                {
-                  content: t.row.original.paymentType.extra
-                },
-                [
-                  d(w.FmIcon, {
-                    name: "info",
-                    outline: !0,
-                    size: "sm"
-                  })
-                ]
-              ) : d("div")
-            ]),
-            d(
-              "div",
-              { class: "flex-1" },
-              ((h = t.row.original.paymentType) == null ? void 0 : h.type) ?? "N/A"
-            )
-          ]);
-        }
-      },
-      {
-        header: "User",
-        accessorFn: (t) => t.pf_member.name
-      },
-      {
-        header: "Phone No.",
-        accessorFn: (t) => t.pf_member.phoneNumber
-      },
-      {
-        header: "Status",
-        accessorFn: (t) => t.status
-      }
-    ], p = I({
-      searchValue: "",
-      dateRange: {
-        startDate: b().subtract(7, "day").toISOString(),
-        endDate: b().toISOString()
-      }
-    }), { tableMeta: a, rowData: i, onSort: y, debouncedFetchData: S, onSearch: v } = K(async (t) => {
-      const s = {
-        ...p.value.dateRange,
-        user: l.user
-      };
-      return await J.readStoreTransactions(t, s);
-    });
-    return U(
-      p,
-      () => {
-        S();
-      },
-      { deep: !0 }
-    ), A(async () => {
-      await S();
-    }), (t, s) => {
-      const h = _("FmSearch");
-      return x(), P("div", null, [
-        C("div", ye, [
-          C("div", he, [
-            g(X, {
-              modelValue: e(p).dateRange,
-              "onUpdate:modelValue": s[0] || (s[0] = (f) => e(p).dateRange = f)
-            }, null, 8, ["modelValue"])
-          ]),
-          g(h, {
-            modelValue: e(a).searchValue,
-            "onUpdate:modelValue": [
-              s[1] || (s[1] = (f) => e(a).searchValue = f),
-              e(v)
-            ],
-            placeholder: "Search",
-            collapsible: ""
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])
-        ]),
-        g(H, {
-          loading: e(a).isLoading,
-          "row-data": e(i),
-          "row-count": e(a).totalRows,
-          "column-defs": r.filter(
-            (f) => !l.user || f.header !== "User" && f.header !== "Phone No."
-          ),
-          "page-count": e(a).pageCount,
-          "page-index": e(a).pageIndex,
-          "page-size": e(a).pageSize,
-          "shrink-at": !1,
-          onSortChange: e(y),
-          onPageChange: s[2] || (s[2] = (f) => e(S)({
-            pageSize: f.pageSize,
-            pageIndex: f.pageIndex
-          }))
-        }, null, 8, ["loading", "row-data", "row-count", "column-defs", "page-count", "page-index", "page-size", "onSortChange"])
-      ]);
-    };
-  }
-});
-export {
-  ke as _,
-  Oe as a
-};

package/dist/Transaction-DdfX7Xfe.js

@@ -1,34 +0,0 @@
-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-BAyotuXd.js";
-const F = { class: "px-24 flex flex-col gap-y-32 pb-24" }, B = /* @__PURE__ */ p({
-  __name: "Transaction",
-  setup(T) {
-    const o = [
-      {
-        label: "Collection",
-        value: "collection"
-      },
-      {
-        label: "Store",
-        value: "store"
-      }
-    ], e = d(o[0]);
-    return (g, l) => {
-      const r = n("FmPageHead"), u = n("FmTabs");
-      return t(), f(v, null, [
-        c(r, { title: "Transactions" }),
-        b("div", F, [
-          c(u, {
-            "model-value": a(e).value,
-            items: o,
-            "onUpdate:modelValue": l[0] || (l[0] = (i) => e.value = o.find((_) => _.value === i))
-          }, null, 8, ["model-value"]),
-          a(e).value == "collection" ? (t(), s(m(x), { key: 0 })) : a(e).value == "store" ? (t(), s(m(C), { key: 1 })) : k("", !0)
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  B as default
-};