@feedmepos/mf-connect 0.0.5-beta.20 → 0.0.5-beta.21

package/dist/StoreTransactions.vue_vue_type_script_setup_true_lang-1GgzlIRZ.js

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