@feedmepos/mf-payment 1.0.0 → 1.0.1

package/dist/TerminalSetting-qklmRz3H.js

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

package/dist/TerminalTransaction-BjwvTbGu.js

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