@feedmepos/mf-payment 0.0.0-beta.9 → 1.0.0-beta.1

package/dist/TerminalSetting--ZAJJ_Hf.js

@@ -0,0 +1,379 @@
+import { defineComponent as x, openBlock as I, createElementBlock as M, Fragment as $, createElementVNode as v, createTextVNode as T, toDisplayString as V, ref as g, onMounted as C, computed as D, resolveComponent as f, unref as b, createVNode as F, createBlock as w, withCtx as G, createCommentVNode as q, isRef as P, resolveDynamicComponent as R, normalizeProps as Y, mergeProps as K } from "vue";
+import { u as _, e as U } from "./index-CWaKb7bG.js";
+import { useRouter as L } from "vue-router";
+import { t as S } from "./index-BWUtjGg7.js";
+import { _ as j } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { u as E } from "./index-7KNaibcq.js";
+import { useSnackbar as A } from "@feedmepos/ui-library";
+import { u as z } from "./error-K1CakhA9.js";
+import { useCoreStore as N } from "@feedmepos/mf-common";
+const h = /* @__PURE__ */ x({
+  __name: "Information",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(t) {
+    return (r, a) => (I(), M($, null, [
+      a[0] || (a[0] = v("b", null, "Name", -1)),
+      T(": " + V(t.terminal.name), 1),
+      a[1] || (a[1] = v("br", null, null, -1)),
+      a[2] || (a[2] = v("b", null, "Status", -1)),
+      T(": " + V(t.terminal.status), 1),
+      a[3] || (a[3] = v("br", null, null, -1)),
+      a[4] || (a[4] = v("b", null, "Device ID", -1)),
+      T(": " + V(t.terminal.deviceId ?? "-"), 1),
+      a[5] || (a[5] = v("br", null, null, -1)),
+      a[6] || (a[6] = v("b", null, "Device Type", -1)),
+      T(": " + V(t.terminal.deviceType ?? "-"), 1),
+      a[7] || (a[7] = v("br", null, null, -1))
+    ], 64));
+  }
+}), H = {
+  key: 0,
+  class: "flex items-center justify-center min-h-[80vh]"
+}, Q = { class: "flex mt-6 space-x-6" }, J = /* @__PURE__ */ x({
+  __name: "TerminalGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const { isLoading: r, startAsyncCall: a } = _(), o = t, s = g(), p = g(), n = g(-1), e = g({
+      terminalId: ""
+    });
+    C(() => {
+      if (a(async () => {
+        s.value = await S.getTerminals(o.terminal.referenceId);
+      }), !o.terminal.ecrs)
+        return;
+      const i = o.terminal.ecrs.findIndex((c) => c && c.gateway && c.gateway === "FeedMe");
+      if (i === -1)
+        return;
+      n.value = i;
+      const m = o.terminal.ecrs.at(i);
+      m.gateway === "FeedMe" && m.config && (e.value = {
+        terminalId: m.config.terminalId
+      });
+    });
+    const u = D(() => (s.value ?? []).map((i) => ({
+      label: i.name ?? i._id,
+      value: i._id
+    })));
+    async function l(i) {
+      var m;
+      (m = o.terminal.ecrs) == null || m.splice(i, 1), o.onUpdate(o.terminal);
+    }
+    return (i, m) => {
+      const c = f("FmCircularProgress"), y = f("FmSelect"), d = f("FmButton"), B = f("FmForm");
+      return b(r) ? (I(), M("div", H, [
+        F(c, { size: "xxl" })
+      ])) : (I(), w(B, {
+        key: 1,
+        ref: p.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: m[1] || (m[1] = () => {
+          n.value > -1 ? t.terminal.ecrs[n.value] = { gateway: "FeedMe", config: e.value } : (t.terminal.ecrs || (t.terminal.ecrs = []), t.terminal.ecrs.push({ gateway: "FeedMe", config: e.value })), o.onUpdate(t.terminal);
+        })
+      }, {
+        default: G(() => [
+          F(y, {
+            modelValue: e.value.terminalId,
+            "onUpdate:modelValue": m[0] || (m[0] = (k) => e.value.terminalId = k),
+            label: "Terminal ID",
+            items: u.value
+          }, null, 8, ["modelValue", "items"]),
+          v("div", Q, [
+            n.value > -1 ? (I(), w(d, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => l(n.value)
+            }, null, 8, ["onclick"])) : q("", !0),
+            F(d, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512));
+    };
+  }
+}), W = { class: "flex mt-6 space-x-6" }, X = /* @__PURE__ */ x({
+  __name: "FiuuGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const r = t, a = N().currentCountry, o = [
+      {
+        label: "Fiuu Malaysia",
+        value: "cc.feedme.payment.rms",
+        region: U.F_COUNTRY.enum.MY
+      },
+      {
+        label: "Fiuu Malaysia V2",
+        value: "cc.feedme.payment.fiuu_my",
+        region: U.F_COUNTRY.enum.MY
+      },
+      {
+        label: "Fiuu Singapore",
+        value: "cc.feedme.payment.fiuu_sg",
+        region: U.F_COUNTRY.enum.SG
+      }
+    ], s = g(), p = g(-1), n = g({
+      packageId: "",
+      uniqueId: ""
+    });
+    C(() => {
+      if (!r.terminal.gateways)
+        return;
+      const u = r.terminal.gateways.findIndex((i) => i && i.gateway && i.gateway === "Fiuu");
+      if (u === -1)
+        return;
+      p.value = u;
+      const l = r.terminal.gateways.at(u);
+      l.gateway === "Fiuu" && l.config && (n.value = {
+        packageId: l.config.packageId,
+        uniqueId: l.config.uniqueId
+      });
+    });
+    async function e(u) {
+      var l;
+      (l = r.terminal.gateways) == null || l.splice(u, 1), r.onUpdate(r.terminal);
+    }
+    return (u, l) => {
+      const i = f("FmSelect"), m = f("FmTextField"), c = f("FmButton"), y = f("FmForm");
+      return I(), w(y, {
+        ref: s.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: l[2] || (l[2] = () => {
+          p.value > -1 ? t.terminal.gateways[p.value] = { gateway: "Fiuu", config: n.value } : (t.terminal.gateways || (t.terminal.gateways = []), t.terminal.gateways.push({ gateway: "Fiuu", config: n.value })), r.onUpdate(t.terminal);
+        })
+      }, {
+        default: G(() => [
+          F(i, {
+            modelValue: n.value.packageId,
+            "onUpdate:modelValue": l[0] || (l[0] = (d) => n.value.packageId = d),
+            label: "Package ID",
+            items: o.filter((d) => d.region === b(a))
+          }, null, 8, ["modelValue", "items"]),
+          F(m, {
+            modelValue: n.value.uniqueId,
+            "onUpdate:modelValue": l[1] || (l[1] = (d) => n.value.uniqueId = d),
+            label: "Unique ID"
+          }, null, 8, ["modelValue"]),
+          v("div", W, [
+            p.value > -1 ? (I(), w(c, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => e(p.value)
+            }, null, 8, ["onclick"])) : q("", !0),
+            F(c, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), Z = { class: "flex mt-6 space-x-6" }, ee = /* @__PURE__ */ x({
+  __name: "GhlGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const r = t, a = g(), o = g(-1), s = g({
+      merchantId: "",
+      terminalId: "",
+      privateKey: ""
+    });
+    C(() => {
+      if (!r.terminal.ecrs)
+        return;
+      const n = r.terminal.ecrs.findIndex((u) => u && u.gateway && u.gateway === "Ghl");
+      if (n === -1)
+        return;
+      o.value = n;
+      const e = r.terminal.ecrs.at(n);
+      e.gateway === "Ghl" && e.config && (s.value = {
+        merchantId: e.config.merchantId,
+        terminalId: e.config.terminalId,
+        privateKey: e.config.privateKey
+      });
+    });
+    async function p(n) {
+      var e;
+      (e = r.terminal.ecrs) == null || e.splice(n, 1), r.onUpdate(r.terminal);
+    }
+    return (n, e) => {
+      const u = f("FmTextField"), l = f("FmTextarea"), i = f("FmButton"), m = f("FmForm");
+      return I(), w(m, {
+        ref: a.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: e[3] || (e[3] = () => {
+          o.value > -1 ? t.terminal.ecrs[o.value] = { gateway: "Ghl", config: s.value } : (t.terminal.ecrs || (t.terminal.ecrs = []), t.terminal.ecrs.push({ gateway: "Ghl", config: s.value })), r.onUpdate(t.terminal);
+        })
+      }, {
+        default: G(() => [
+          F(u, {
+            modelValue: s.value.merchantId,
+            "onUpdate:modelValue": e[0] || (e[0] = (c) => s.value.merchantId = c),
+            label: "Merchant ID"
+          }, null, 8, ["modelValue"]),
+          F(u, {
+            modelValue: s.value.terminalId,
+            "onUpdate:modelValue": e[1] || (e[1] = (c) => s.value.terminalId = c),
+            label: "Terminal ID"
+          }, null, 8, ["modelValue"]),
+          F(l, {
+            modelValue: s.value.privateKey,
+            "onUpdate:modelValue": e[2] || (e[2] = (c) => s.value.privateKey = c),
+            label: "Private Key"
+          }, null, 8, ["modelValue"]),
+          v("div", Z, [
+            o.value > -1 ? (I(), w(i, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => p(o.value)
+            }, null, 8, ["onclick"])) : q("", !0),
+            F(i, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), se = /* @__PURE__ */ x({
+  __name: "TerminalSetting",
+  props: {
+    terminalId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(t) {
+    const r = t, { tab: a } = E({
+      tab: "information"
+    }), { isLoading: o, startAsyncCall: s } = _(!0), p = L(), n = A(), e = g();
+    async function u(y) {
+      try {
+        await S.updateById(
+          r.terminalId,
+          {
+            name: y.name,
+            status: y.status,
+            ecrs: y.ecrs ?? [],
+            gateways: y.gateways ?? []
+          }
+        ), e.value = await S.readById(r.terminalId), n.open({
+          type: "success",
+          message: "Terminal updated successfully"
+        });
+      } catch (d) {
+        n.open({
+          type: "error",
+          title: "Error occurs when update terminal",
+          message: z(d)
+        });
+      }
+    }
+    const l = [
+      {
+        label: "Information",
+        value: "information",
+        icon: "overview",
+        render: h
+      },
+      {
+        label: "Fiuu",
+        value: "fiuu",
+        icon: "payment",
+        render: X
+      }
+    ], i = N().currentCountry, m = D(() => {
+      var y;
+      return (y = l.find((d) => d.value === a.value)) == null ? void 0 : y.render;
+    });
+    async function c() {
+      s(async () => {
+        e.value = await S.readById(r.terminalId), e.value.deviceType !== "TERMINAL" && (l.push({
+          label: "FeedMe Terminal",
+          value: "terminal",
+          icon: "shopping_cart_checkout",
+          render: J
+        }), i.value === U.F_COUNTRY.enum.MY && l.push({
+          label: "GHL Terminal (V2)",
+          value: "ghl",
+          icon: "shopping_cart_checkout",
+          render: ee
+        }));
+      });
+    }
+    return C(c), (y, d) => {
+      var k;
+      const B = f("FmTabs");
+      return I(), w(j, {
+        title: `Terminal (${(k = e.value) == null ? void 0 : k._id})`,
+        loading: b(o),
+        onBack: b(p).back
+      }, {
+        default: G(() => [
+          F(B, {
+            "model-value": b(a),
+            "onUpdate:modelValue": d[0] || (d[0] = (O) => P(a) ? a.value = O : null),
+            class: "mb-6",
+            items: l
+          }, null, 8, ["model-value"]),
+          b(a) ? (I(), w(R(m.value), Y(K({ key: 0 }, {
+            terminal: e.value,
+            onUpdate: u
+          })), null, 16)) : q("", !0)
+        ]),
+        _: 1
+      }, 8, ["title", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  se as default
+};

package/dist/TerminalTransaction---9nk_4q.js

@@ -0,0 +1,249 @@
+import { defineComponent as y, openBlock as _, createElementBlock as x, Fragment as F, unref as t, createCommentVNode as k, createElementVNode as d, resolveComponent as p, createBlock as S, normalizeClass as D, withCtx as R, toDisplayString as V, ref as K, watch as T, createVNode as i, isRef as g, h } from "vue";
+import { c as l } from "./index-CWaKb7bG.js";
+import { h as I } from "./moment-h96o7c8I.js";
+import { u as M } from "./index-7KNaibcq.js";
+import { _ as $ } from "./index.vue_vue_type_script_setup_true_lang-JdAFa8vy.js";
+import "@feedmepos/ui-library";
+import { g as L } from "./assets-NrCec-W0.js";
+import { E as B, t as w } from "./index-DbJpbpSs.js";
+import { d as G } from "./dinero-CIVmXLL-.js";
+import { _ as P } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
+import { useCoreStore as U } from "@feedmepos/mf-common";
+import { _ as Y } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as W } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-GXPXBEf5.js";
+import { _ as j } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+const q = ["src"], z = ["src"], Q = /* @__PURE__ */ y({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(f) {
+    return (n, s) => (_(), x(F, null, [
+      n.row.original.ecrGateway ? (_(), x("img", {
+        key: 0,
+        class: "bg-fm-color-overlay-background rounded-md m-auto border-transparent w-[32px] h-[32px]",
+        src: t(B)
+      }, null, 8, q)) : k("", !0),
+      d("img", {
+        class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+        src: t(L)(n.row.original.gateway)
+      }, null, 8, z)
+    ], 64));
+  }
+}), H = /* @__PURE__ */ y({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(f) {
+    const n = f;
+    function s() {
+      return n.data === l.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === l.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : n.data === l.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 = p("FmBadge");
+      return _(), S(m, {
+        inline: "",
+        class: D(s())
+      }, {
+        default: R(() => [
+          d("div", null, V(o.data.toUpperCase()), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), J = { class: "flex justify-between mb-6 items-start" }, X = { class: "flex space-x-8 items-start" }, Z = { class: "flex space-x-4" }, _e = /* @__PURE__ */ y({
+  __name: "TerminalTransaction",
+  setup(f) {
+    const { currentRestaurant: n } = U(), s = K(), { dateRange: o, status: c, searchKey: m } = M({
+      searchKey: "",
+      status: [l.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      dateRange: {
+        startDate: I().startOf("day").toISOString(),
+        endDate: I().endOf("day").toISOString()
+      }
+    });
+    T([o, c], () => {
+      var e;
+      return (e = s.value) == null ? void 0 : e.reset();
+    }), T(n, () => {
+      var e;
+      return (e = s.value) == null ? void 0 : e.reset();
+    });
+    let A;
+    T(m, async () => {
+      A && clearTimeout(A), A = setTimeout(
+        () => {
+          var e;
+          return (e = s.value) == null ? void 0 : e.reset();
+        },
+        700
+      );
+    });
+    const C = [
+      {
+        label: "Success",
+        value: l.F_TERMINAL_TRANSACTION_ACTION.Enum.success
+      },
+      {
+        label: "Refunded",
+        value: l.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
+      },
+      {
+        label: "Process",
+        value: l.F_TERMINAL_TRANSACTION_ACTION.Enum.process
+      },
+      {
+        label: "Failed",
+        value: l.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
+      }
+    ], E = function(e) {
+      const a = e;
+      let u = "-";
+      return a.details && a.details.amount && (u = G(a.details.amount).toFormat("$0.00")), {
+        id: e._id,
+        orderId: e.orderId,
+        refId: e.refId,
+        terminalId: e.terminalId,
+        transactionAt: I(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        action: e.action,
+        gateway: e.gateway,
+        ecrGateway: e.ecrGateway,
+        amount: u
+      };
+    }, O = [
+      {
+        accessorKey: "id",
+        header: () => "Transaction ID",
+        meta: {
+          textAlign: "left"
+        },
+        cell: ({ cell: e }) => h(W, { data: e.getValue() })
+      },
+      {
+        accessorKey: "orderId",
+        header: () => "Pay ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "refId",
+        header: () => "Reference ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "gateway",
+        header: () => "Gateway",
+        meta: {
+          textAlign: "center",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: a }) => h(Q, { row: a, data: e.getValue() })
+      },
+      {
+        accessorKey: "action",
+        header: () => "Status",
+        meta: {
+          textAlign: "right",
+          maxWidth: "132px"
+        },
+        cell: ({ cell: e, row: a }) => h(H, { row: a, data: e.getValue() })
+      },
+      {
+        accessorKey: "amount",
+        header: () => "Sales Amount",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        accessorKey: "terminalId",
+        header: () => "Terminal ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "transactionAt",
+        header: () => "Transaction At",
+        meta: {
+          textAlign: "left"
+        }
+      }
+    ];
+    return (e, a) => {
+      const u = p("FmSearch"), N = p("FmSelect"), v = p("FmSimpleDateRangePicker");
+      return _(), S(j, {
+        title: "Offline Transactions",
+        description: "Transactions are purchases or payments made in retail using electronic devices such as POS systems, kiosks, terminals, or ECRs.",
+        loading: !1
+      }, {
+        default: R(() => [
+          d("div", J, [
+            d("div", X, [
+              i(P),
+              i(u, {
+                "model-value": t(m),
+                "onUpdate:modelValue": a[0] || (a[0] = (r) => g(m) ? m.value = r : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              i(N, {
+                modelValue: t(c),
+                "onUpdate:modelValue": a[1] || (a[1] = (r) => g(c) ? c.value = r : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: C
+              }, null, 8, ["modelValue"]),
+              i(v, {
+                modelValue: t(o),
+                "onUpdate:modelValue": a[2] || (a[2] = (r) => g(o) ? o.value = r : null),
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            d("div", Z, [
+              i(Y, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: () => {
+                  var r;
+                  return t(w).downloadTransactions(((r = s.value) == null ? void 0 : r.data()) ?? []);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          i($, {
+            ref_key: "controller",
+            ref: s,
+            "column-defs": O,
+            "rows-defs": E,
+            paginate: (r, b) => t(w).readRestaurantTransactions({
+              status: t(c),
+              searchKey: t(m),
+              limit: r,
+              cursor: b,
+              start: t(o).startDate,
+              end: t(o).endDate
+            })
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _e as default
+};