@feedmepos/mf-payment 1.0.17 → 1.0.18-beta.1

package/dist/PayoutAccountSetting-D6Scsqvm.js

@@ -0,0 +1,426 @@
+import { defineComponent as S, resolveComponent as i, openBlock as v, createElementBlock as C, Fragment as B, createElementVNode as o, createVNode as u, withCtx as b, createTextVNode as g, toDisplayString as F, createCommentVNode as V, createBlock as P, ref as w, watch as R, computed as E, unref as k, isRef as M, h as T, onMounted as D, resolveDynamicComponent as _, normalizeProps as q, mergeProps as z } from "vue";
+import { p as $ } from "./index-CEJAjyRa.js";
+import { u as H } from "./index-CC8HNMje.js";
+import { _ as K } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { useRouter as O } from "vue-router";
+import { u as h } from "./index-DueuWuxx.js";
+import { P as U } from "./PDFViewer-xrBtzrlR.js";
+import { useSnackbar as G } from "@feedmepos/ui-library";
+import { u as L } from "./error-K1CakhA9.js";
+const Q = { class: "flex gap-16 mb-6" }, W = ["src"], J = /* @__PURE__ */ S({
+  __name: "Information",
+  props: {
+    payoutAccount: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (c, t) => {
+      const d = i("FmCardHeader"), s = i("FmCardSection"), m = i("FmCard");
+      return v(), C(B, null, [
+        o("div", Q, [
+          u(m, {
+            horizontal: "",
+            class: "flex-1 p-6",
+            variant: "elevated"
+          }, {
+            default: b(() => [
+              u(s, { class: "flex flex-col gap-16 justify-between" }, {
+                default: b(() => [
+                  u(d, {
+                    class: "p-0",
+                    title: "Account Info",
+                    subtitle: ""
+                  }),
+                  u(s, { class: "p-0" }, {
+                    default: b(() => {
+                      var r, y, f, a, n;
+                      return [
+                        t[0] || (t[0] = o("b", null, "For", -1)),
+                        g(": " + F((y = (r = e.payoutAccount) == null ? void 0 : r.store) == null ? void 0 : y.event) + " ", 1),
+                        t[1] || (t[1] = o("br", null, null, -1)),
+                        t[2] || (t[2] = o("b", null, "Reference", -1)),
+                        g(": " + F((a = (f = e.payoutAccount) == null ? void 0 : f.store) == null ? void 0 : a.id), 1),
+                        t[3] || (t[3] = o("br", null, null, -1)),
+                        t[4] || (t[4] = o("b", null, "Business", -1)),
+                        g(": " + F((n = e.payoutAccount) == null ? void 0 : n.businessId), 1),
+                        t[5] || (t[5] = o("br", null, null, -1))
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          u(m, {
+            horizontal: "",
+            class: "flex-1 p-6",
+            variant: "elevated"
+          }, {
+            default: b(() => [
+              u(s, { class: "flex flex-col gap-16 justify-between" }, {
+                default: b(() => [
+                  u(d, {
+                    class: "p-0",
+                    title: "Key Person",
+                    subtitle: ""
+                  }),
+                  u(s, { class: "p-0" }, {
+                    default: b(() => {
+                      var r, y, f, a, n, l, p, A;
+                      return [
+                        t[6] || (t[6] = o("b", null, "Email", -1)),
+                        g(": " + F((f = (y = (r = e.payoutAccount) == null ? void 0 : r.store) == null ? void 0 : y.keyPerson) == null ? void 0 : f.email) + " ", 1),
+                        t[7] || (t[7] = o("br", null, null, -1)),
+                        t[8] || (t[8] = o("b", null, "Name", -1)),
+                        g(": " + F((l = (n = (a = e.payoutAccount) == null ? void 0 : a.store) == null ? void 0 : n.keyPerson) == null ? void 0 : l.name), 1),
+                        t[9] || (t[9] = o("br", null, null, -1)),
+                        t[10] || (t[10] = o("b", null, "Phone", -1)),
+                        g(": " + F((A = (p = e.payoutAccount) == null ? void 0 : p.store.keyPerson) == null ? void 0 : A.phone), 1),
+                        t[11] || (t[11] = o("br", null, null, -1))
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        t[12] || (t[12] = o("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Exterior Photo", -1)),
+        e.payoutAccount.store.exteriorPhoto ? (v(), C("img", {
+          key: 0,
+          src: e.payoutAccount.store.exteriorPhoto
+        }, null, 8, W)) : V("", !0)
+      ], 64);
+    };
+  }
+}), X = { class: "flex gap-16" }, Y = { class: "flex-1" }, Z = { class: "flex-1" }, tt = /* @__PURE__ */ S({
+  __name: "Settlement",
+  props: {
+    payoutAccount: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (c, t) => {
+      const d = i("FmCardHeader"), s = i("FmCardSection"), m = i("FmCard");
+      return v(), C(B, null, [
+        u(m, {
+          horizontal: "",
+          class: "flex-1 p-6 mx-6 mb-6",
+          variant: "elevated"
+        }, {
+          default: b(() => [
+            u(s, { class: "flex flex-col gap-16 justify-between" }, {
+              default: b(() => [
+                u(d, {
+                  class: "p-0",
+                  title: "Bank Info",
+                  subtitle: ""
+                }),
+                u(s, { class: "p-0" }, {
+                  default: b(() => {
+                    var r, y, f, a, n, l;
+                    return [
+                      t[0] || (t[0] = o("b", null, "Bank", -1)),
+                      g(": " + F((y = (r = e.payoutAccount) == null ? void 0 : r.store.bank) == null ? void 0 : y.name), 1),
+                      t[1] || (t[1] = o("br", null, null, -1)),
+                      t[2] || (t[2] = o("b", null, "Name", -1)),
+                      g(": " + F((a = (f = e.payoutAccount) == null ? void 0 : f.store.bank) == null ? void 0 : a.holderName), 1),
+                      t[3] || (t[3] = o("br", null, null, -1)),
+                      t[4] || (t[4] = o("b", null, "Number", -1)),
+                      g(": " + F((l = (n = e.payoutAccount) == null ? void 0 : n.store.bank) == null ? void 0 : l.accountNumber), 1)
+                    ];
+                  }),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        o("div", X, [
+          o("div", Y, [
+            t[5] || (t[5] = o("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "SSM", -1)),
+            e.payoutAccount.store.ssm ? (v(), P(U, {
+              key: 0,
+              pdf: e.payoutAccount.store.ssm,
+              "disable-text-layer": !0,
+              "disable-annotation-layer": !0
+            }, null, 8, ["pdf"])) : V("", !0)
+          ]),
+          o("div", Z, [
+            t[6] || (t[6] = o("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Bank Statement", -1)),
+            e.payoutAccount.store.bankStatement ? (v(), P(U, {
+              key: 0,
+              pdf: e.payoutAccount.store.bankStatement,
+              "disable-text-layer": !0,
+              "disable-annotation-layer": !0
+            }, null, 8, ["pdf"])) : V("", !0)
+          ])
+        ])
+      ], 64);
+    };
+  }
+}), et = /* @__PURE__ */ S({
+  __name: "RateInput",
+  props: {
+    data: {},
+    onChange: { type: Function }
+  },
+  setup(e) {
+    const c = e, t = w(c.data.toString());
+    return R(t, (d) => {
+      c.onChange(parseFloat(d));
+    }), (d, s) => {
+      const m = i("FmTextField");
+      return v(), P(m, {
+        inputmode: "decimal",
+        modelValue: t.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r)
+      }, {
+        append: b(() => s[1] || (s[1] = [
+          g("%")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), nt = /* @__PURE__ */ S({
+  __name: "TPlusInput",
+  props: {
+    data: {},
+    onChange: { type: Function }
+  },
+  setup(e) {
+    const c = e, t = w(c.data.toString());
+    return R(t, (d) => {
+      c.onChange(parseInt(d));
+    }), (d, s) => {
+      const m = i("FmTextField");
+      return v(), P(m, {
+        inputmode: "numeric",
+        modelValue: t.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r)
+      }, null, 8, ["modelValue"]);
+    };
+  }
+}), ot = { class: "flex gap-16 mt-6" }, at = { class: "flex-1" }, lt = { class: "flex-1" }, ut = { class: "my-6 w-full flex justify-end" }, st = { class: "w-[320px]" }, rt = /* @__PURE__ */ S({
+  __name: "PaymentStatus",
+  props: {
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    payoutAccount: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const c = e, t = w(!1), d = G(), s = async (a) => {
+      try {
+        t.value = !0, await c.onUpdate(a), d.open({
+          type: "success",
+          title: "Payout account update succesfully"
+        });
+      } catch (n) {
+        d.open({
+          type: "error",
+          title: "Error occurs when updating payout account",
+          message: L(n)
+        });
+      } finally {
+        t.value = !1;
+      }
+    }, { search: m } = h({
+      search: ""
+    }), r = E(() => {
+      const { ssm: a, bank: n, bankStatement: l } = c.payoutAccount.store;
+      return a && n && n.name && n.accountNumber && n.holderName && l;
+    }), y = w(""), f = [
+      {
+        header: () => "Payment Method",
+        accessorKey: "issuer",
+        cell: (a) => `${a.row.original.issuer} (${a.row.original.variant})`
+      },
+      {
+        header: () => "Rate",
+        accessorKey: "rate",
+        cell: ({ row: a }) => {
+          let n = 0;
+          return a.original.rate && (n = a.original.rate.amount / Math.pow(10, a.original.rate.precision)), T(et, {
+            data: n,
+            onChange: (l) => {
+              const p = c.payoutAccount.methods.at(a.index);
+              p.rate || (p.rate = {
+                amount: 0,
+                precision: 4
+              }), p.rate.amount = l * Math.pow(10, p.rate.precision);
+            }
+          });
+        }
+      },
+      {
+        header: () => "T plus",
+        accessorKey: "tPlus",
+        cell: ({ row: a }) => T(nt, {
+          data: a.original.tPlus ?? 0,
+          onChange: (n) => {
+            const l = c.payoutAccount.methods.at(a.index);
+            l.tPlus = n;
+          }
+        })
+      }
+    ];
+    return (a, n) => {
+      const l = i("FmRadio"), p = i("FmRadioGroup"), A = i("FmSwitch"), I = i("FmSearch"), N = i("FmTable"), j = i("FmButton");
+      return v(), C(B, null, [
+        o("div", ot, [
+          o("div", at, [
+            u(p, {
+              modelValue: e.payoutAccount.status,
+              "onUpdate:modelValue": n[0] || (n[0] = (x) => e.payoutAccount.status = x),
+              label: "Account Status"
+            }, {
+              default: b(() => [
+                u(l, {
+                  value: "NEW",
+                  label: "New"
+                }),
+                u(l, {
+                  value: "PENDING",
+                  label: "Pending"
+                }),
+                u(l, {
+                  value: "APPROVED",
+                  label: "Approved"
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          o("div", lt, [
+            u(A, {
+              modelValue: e.payoutAccount.enable,
+              "onUpdate:modelValue": n[1] || (n[1] = (x) => e.payoutAccount.enable = x),
+              disabled: !r.value,
+              label: "Enabled",
+              sublabel: "Merchant can use online features such as e-payment, settlement"
+            }, null, 8, ["modelValue", "disabled"])
+          ])
+        ]),
+        e.payoutAccount.enable ? (v(), C(B, { key: 0 }, [
+          o("div", ut, [
+            o("div", st, [
+              u(I, {
+                modelValue: k(m),
+                "onUpdate:modelValue": n[2] || (n[2] = (x) => M(m) ? m.value = x : null),
+                placeholder: "Search Method ..."
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          u(N, {
+            class: "mt-6",
+            modelValue: y.value,
+            "onUpdate:modelValue": n[3] || (n[3] = (x) => y.value = x),
+            "search-value": k(m),
+            "row-data": e.payoutAccount.methods,
+            "column-defs": f
+          }, null, 8, ["modelValue", "search-value", "row-data"])
+        ], 64)) : V("", !0),
+        u(j, {
+          class: "w-full mt-6",
+          variant: "primary",
+          label: "Save",
+          loading: t.value,
+          onclick: () => s(e.payoutAccount)
+        }, null, 8, ["loading", "onclick"])
+      ], 64);
+    };
+  }
+}), gt = /* @__PURE__ */ S({
+  __name: "PayoutAccountSetting",
+  props: {
+    accountId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    const c = e, { tab: t } = h({
+      tab: "information"
+    }), { isLoading: d, startAsyncCall: s } = H(!0), m = O(), r = w();
+    async function y(l) {
+      await $.updateById(
+        c.accountId,
+        l
+      ), r.value = await $.readById(c.accountId);
+    }
+    const f = [
+      {
+        label: "Information",
+        value: "information",
+        icon: "overview",
+        render: J
+      },
+      {
+        label: "Settlement",
+        value: "settlement",
+        icon: "payments",
+        render: tt
+      },
+      {
+        label: "MDR Status",
+        value: "payment",
+        icon: "account_box",
+        render: rt
+      }
+    ];
+    function a() {
+      s(async () => {
+        r.value = await $.readById(c.accountId);
+      });
+    }
+    D(a);
+    const n = E(() => {
+      var l;
+      return (l = f.find((p) => p.value === t.value)) == null ? void 0 : l.render;
+    });
+    return (l, p) => {
+      var I;
+      const A = i("FmTabs");
+      return v(), P(K, {
+        title: `Payout Account (${(I = r.value) == null ? void 0 : I._id})`,
+        loading: k(d),
+        onBack: k(m).back
+      }, {
+        default: b(() => [
+          u(A, {
+            "model-value": k(t),
+            "onUpdate:modelValue": p[0] || (p[0] = (N) => M(t) ? t.value = N : null),
+            class: "mb-6",
+            items: f
+          }, null, 8, ["model-value"]),
+          k(t) ? (v(), P(_(n.value), q(z({ key: 0 }, {
+            payoutAccount: r.value,
+            onUpdate: y
+          })), null, 16)) : V("", !0)
+        ]),
+        _: 1
+      }, 8, ["title", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  gt as default
+};

package/dist/{Restaurant-TCSbQjCj.js → Restaurant-AoDzEhKi.js}

@@ -1,12 +1,12 @@
 import { defineComponent as F, ref as y, resolveComponent as g, openBlock as x, createBlock as A, withCtx as $, createVNode as f, createElementVNode as d, normalizeStyle as T, createElementBlock as R, Fragment as D, renderList as q, computed as C, watch as I, onMounted as N, unref as b, toDisplayString as B, normalizeClass as W, isRef as E, h as P } from "vue";
-import { u as O } from "./index-_cvebzIU.js";
+import { u as O } from "./index-DueuWuxx.js";
 import { _ as j } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
 import "@feedmepos/ui-library";
-import { u as G } from "./index-CRJ6lKaL.js";
+import { u as G } from "./index-CC8HNMje.js";
 import { _ as Q } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
-import { r as H } from "./index-M-Xwbigf.js";
+import { r as H } from "./index-C2q2ptf8.js";
 import { useRouter as J } from "vue-router";
-import { g as X } from "./grafana-Bf4L47IF.js";
+import { g as X } from "./grafana-BFQCDk-V.js";
 const Y = ["id"], L = /* @__PURE__ */ F({
   __name: "FmTableSelection",
   props: {