@feedmepos/mf-payment 0.0.0-beta.3 → 0.0.0-beta.30

package/dist/TerminalTransaction-CwoclWJ5.js

@@ -0,0 +1,237 @@
+import { defineComponent as g, openBlock as I, createElementBlock as v, unref as r, resolveComponent as u, createBlock as w, normalizeClass as F, withCtx as y, createElementVNode as _, toDisplayString as b, ref as D, watch as N, createVNode as i, isRef as f, h as A } from "vue";
+import { c as s } from "./index-C_44uoxW.js";
+import { h as T } from "./moment-h96o7c8I.js";
+import { u as V } from "./index-BS_dGfh_.js";
+import { _ as k } from "./index.vue_vue_type_script_setup_true_lang-GkJ2OZPm.js";
+import { _ as K } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
+import "@feedmepos/ui-library";
+import { g as M } from "./assets-RXBV3tUm.js";
+import { t as x } from "./index-CJp88CGw.js";
+import { d as L } from "./dinero-CIVmXLL-.js";
+import { _ as $ } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as B } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DWoahPJL.js";
+const P = ["src"], U = /* @__PURE__ */ g({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(p) {
+    return (a, o) => (I(), v("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: r(M)(a.row.original.gateway)
+    }, null, 8, P));
+  }
+}), Y = /* @__PURE__ */ g({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(p) {
+    const a = p;
+    function o() {
+      return a.data === s.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === s.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : a.data === s.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (l, c) => {
+      const m = u("FmBadge");
+      return I(), w(m, {
+        inline: "",
+        class: F(o())
+      }, {
+        default: y(() => [
+          _("div", null, b(l.data.toUpperCase()), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), G = { class: "flex justify-between mb-6 items-start" }, W = { class: "flex space-x-4 items-start" }, j = { class: "flex space-x-4" }, oe = /* @__PURE__ */ g({
+  __name: "TerminalTransaction",
+  setup(p) {
+    const a = D(), { dateRange: o, status: l, searchKey: c } = V({
+      searchKey: "",
+      status: [s.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      dateRange: {
+        startDate: T().startOf("day").toISOString(),
+        endDate: T().endOf("day").toISOString()
+      }
+    });
+    N([o, l], () => {
+      var e;
+      return (e = a.value) == null ? void 0 : e.reset();
+    });
+    let m;
+    N(c, async () => {
+      m && clearTimeout(m), m = setTimeout(
+        () => {
+          var e;
+          return (e = a.value) == null ? void 0 : e.reset();
+        },
+        700
+      );
+    });
+    const R = [
+      {
+        label: "Success",
+        value: s.F_TERMINAL_TRANSACTION_ACTION.Enum.success
+      },
+      {
+        label: "Refunded",
+        value: s.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
+      },
+      {
+        label: "Process",
+        value: s.F_TERMINAL_TRANSACTION_ACTION.Enum.process
+      },
+      {
+        label: "Failed",
+        value: s.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
+      }
+    ], S = function(e) {
+      const t = e;
+      let d = "-";
+      return t.details.amount && (d = L(t.details.amount).toFormat("$0.00")), {
+        id: e._id,
+        refId: e.refId,
+        owner: e.owner,
+        terminalId: e.terminalId,
+        transactionAt: T(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        action: e.action,
+        gateway: e.gateway,
+        amount: d
+      };
+    }, C = [
+      {
+        accessorKey: "id",
+        header: () => "Transaction ID",
+        meta: {
+          textAlign: "left"
+        },
+        cell: ({ cell: e }) => A(B, { data: e.getValue() })
+      },
+      {
+        accessorKey: "refId",
+        header: () => "Reference ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "gateway",
+        header: () => "Gateway",
+        meta: {
+          textAlign: "center",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: t }) => A(U, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "action",
+        header: () => "Status",
+        meta: {
+          textAlign: "left",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: t }) => A(Y, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "amount",
+        header: () => "Sales Amount",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        accessorKey: "owner",
+        header: () => "Reference",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "terminalId",
+        header: () => "Terminal ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "transactionAt",
+        header: () => "Transaction At",
+        meta: {
+          textAlign: "left"
+        }
+      }
+    ];
+    return (e, t) => {
+      const d = u("FmSearch"), h = u("FmSelect"), O = u("FmDateRangePicker");
+      return I(), w(K, {
+        title: "Terminal Transactions",
+        loading: !1
+      }, {
+        default: y(() => [
+          _("div", G, [
+            _("div", W, [
+              i(d, {
+                "model-value": r(c),
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => f(c) ? c.value = n : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              i(h, {
+                modelValue: r(l),
+                "onUpdate:modelValue": t[1] || (t[1] = (n) => f(l) ? l.value = n : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: R
+              }, null, 8, ["modelValue"]),
+              i(O, {
+                modelValue: r(o),
+                "onUpdate:modelValue": t[2] || (t[2] = (n) => f(o) ? o.value = n : null),
+                compare: "",
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _("div", j, [
+              i($, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: () => {
+                  var n;
+                  return r(x).downloadTransactions(((n = a.value) == null ? void 0 : n.data()) ?? []);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          i(k, {
+            ref_key: "controller",
+            ref: a,
+            "column-defs": C,
+            "rows-defs": S,
+            paginate: (n, E) => r(x).readTransactions({
+              status: r(l),
+              searchKey: r(c),
+              limit: n,
+              cursor: E,
+              start: r(o).startDate,
+              end: r(o).endDate
+            }),
+            onRowClick: () => {
+            }
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  oe as default
+};

package/dist/TerminalTransaction-DRlFVw4p.js

@@ -0,0 +1,243 @@
+import { defineComponent as h, openBlock as N, createElementBlock as F, unref as r, resolveComponent as d, createBlock as y, normalizeClass as b, withCtx as R, createElementVNode as _, toDisplayString as D, ref as V, watch as A, createVNode as i, isRef as T, h as g } from "vue";
+import { c as s } from "./index-C_44uoxW.js";
+import { h as I } from "./moment-h96o7c8I.js";
+import { u as k } from "./index-BS_dGfh_.js";
+import { _ as K } from "./index.vue_vue_type_script_setup_true_lang-GkJ2OZPm.js";
+import { _ as M } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
+import "@feedmepos/ui-library";
+import { g as $ } from "./assets-RXBV3tUm.js";
+import { t as w } from "./index-CJp88CGw.js";
+import { d as L } from "./dinero-CIVmXLL-.js";
+import { _ as B } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
+import { useCoreStore as P } from "@feedmepos/mf-common";
+import { _ as U } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as Y } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DWoahPJL.js";
+const G = ["src"], W = /* @__PURE__ */ h({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(p) {
+    return (l, n) => (N(), F("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: r($)(l.row.original.gateway)
+    }, null, 8, G));
+  }
+}), j = /* @__PURE__ */ h({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(p) {
+    const l = p;
+    function n() {
+      return l.data === s.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : l.data === s.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : l.data === s.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (o, c) => {
+      const m = d("FmBadge");
+      return N(), y(m, {
+        inline: "",
+        class: b(n())
+      }, {
+        default: R(() => [
+          _("div", null, D(o.data.toUpperCase()), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), q = { class: "flex justify-between mb-6 items-start" }, z = { class: "flex space-x-8 items-start" }, Q = { class: "flex space-x-4" }, ie = /* @__PURE__ */ h({
+  __name: "TerminalTransaction",
+  setup(p) {
+    const { currentRestaurant: l } = P(), n = V(), { dateRange: o, status: c, searchKey: m } = k({
+      searchKey: "",
+      status: [s.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      dateRange: {
+        startDate: I().startOf("day").toISOString(),
+        endDate: I().endOf("day").toISOString()
+      }
+    });
+    A([o, c], () => {
+      var e;
+      return (e = n.value) == null ? void 0 : e.reset();
+    }), A(l, () => {
+      var e;
+      return (e = n.value) == null ? void 0 : e.reset();
+    });
+    let f;
+    A(m, async () => {
+      f && clearTimeout(f), f = setTimeout(
+        () => {
+          var e;
+          return (e = n.value) == null ? void 0 : e.reset();
+        },
+        700
+      );
+    });
+    const S = [
+      {
+        label: "Success",
+        value: s.F_TERMINAL_TRANSACTION_ACTION.Enum.success
+      },
+      {
+        label: "Refunded",
+        value: s.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
+      },
+      {
+        label: "Process",
+        value: s.F_TERMINAL_TRANSACTION_ACTION.Enum.process
+      },
+      {
+        label: "Failed",
+        value: s.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
+      }
+    ], C = function(e) {
+      const t = e;
+      let u = "-";
+      return t.details.amount && (u = L(t.details.amount).toFormat("$0.00")), {
+        id: e._id,
+        refId: e.refId,
+        owner: e.owner,
+        terminalId: e.terminalId,
+        transactionAt: I(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        action: e.action,
+        gateway: e.gateway,
+        amount: u
+      };
+    }, O = [
+      {
+        accessorKey: "id",
+        header: () => "Transaction ID",
+        meta: {
+          textAlign: "left"
+        },
+        cell: ({ cell: e }) => g(Y, { data: e.getValue() })
+      },
+      {
+        accessorKey: "refId",
+        header: () => "Reference ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "gateway",
+        header: () => "Gateway",
+        meta: {
+          textAlign: "center",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: t }) => g(W, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "action",
+        header: () => "Status",
+        meta: {
+          textAlign: "left",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: t }) => g(j, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "amount",
+        header: () => "Sales Amount",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        accessorKey: "owner",
+        header: () => "Reference",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "terminalId",
+        header: () => "Terminal ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "transactionAt",
+        header: () => "Transaction At",
+        meta: {
+          textAlign: "left"
+        }
+      }
+    ];
+    return (e, t) => {
+      const u = d("FmSearch"), x = d("FmSelect"), v = d("FmDateRangePicker");
+      return N(), y(M, {
+        title: "Terminal Transactions",
+        loading: !1
+      }, {
+        default: R(() => [
+          _("div", q, [
+            _("div", z, [
+              i(B),
+              i(u, {
+                "model-value": r(m),
+                "onUpdate:modelValue": t[0] || (t[0] = (a) => T(m) ? m.value = a : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              i(x, {
+                modelValue: r(c),
+                "onUpdate:modelValue": t[1] || (t[1] = (a) => T(c) ? c.value = a : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: S
+              }, null, 8, ["modelValue"]),
+              i(v, {
+                modelValue: r(o),
+                "onUpdate:modelValue": t[2] || (t[2] = (a) => T(o) ? o.value = a : null),
+                compare: "",
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _("div", Q, [
+              i(U, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: () => {
+                  var a;
+                  return r(w).downloadTransactions(((a = n.value) == null ? void 0 : a.data()) ?? []);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          i(K, {
+            ref_key: "controller",
+            ref: n,
+            "column-defs": O,
+            "rows-defs": C,
+            paginate: (a, E) => r(w).readRestaurantTransactions({
+              status: r(c),
+              searchKey: r(m),
+              limit: a,
+              cursor: E,
+              start: r(o).startDate,
+              end: r(o).endDate
+            }),
+            onRowClick: () => {
+            }
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  ie as default
+};